整體團(tuán)隊(duì)介紹:
生態(tài)文明建設(shè)是永續(xù)發(fā)展的根本大計(jì),生態(tài)興則文明興,生態(tài)衰則文明衰。作為林大信息學(xué)院學(xué)子,結(jié)合“知山知水,樹木樹人”的校訓(xùn),利用信息學(xué)院的專業(yè)優(yōu)勢,以互聯(lián)網(wǎng)為媒介和載體,加強(qiáng)綠色生態(tài)文明建設(shè)的思想傳播,是我們本次暑期社會(huì)實(shí)踐的初衷。
網(wǎng)站概況:
本平臺(tái)共分三大模塊:生態(tài)文明建設(shè)政策宣傳模塊、生態(tài)文明建設(shè)案例科普模塊、用戶交互模塊。
在宣傳模塊,我們將參考國家生態(tài)環(huán)境部網(wǎng)站內(nèi)容(https://www.mee.gov.cn/),宣傳生態(tài)治理,加大綠色生態(tài)宣傳力度。
在生態(tài)文明建設(shè)案例科普模塊,共三個(gè)子模塊,青山模塊、綠水模塊、自然模塊。在青山模塊,我們將展示綠化祖國的案例;在綠水模塊,我們將展示水文保護(hù)和水文風(fēng)景的案例;在自然模塊,我們將展示瀕危海洋生物、珍稀物種。
用戶交互模塊實(shí)現(xiàn)一款網(wǎng)頁游戲,實(shí)現(xiàn)用戶海底漫游,用戶將化身一條小魚在海底世界遨游,本頁面設(shè)計(jì)的目的是讓用戶感受到海洋的美好,利用寓教于樂的方式對(duì)用戶進(jìn)行科普教育。
風(fēng)格上網(wǎng)站做到趣味性和藝術(shù)向以及科學(xué)性并存,增加網(wǎng)頁效果,讓閱讀者更輕松愉快地學(xué)習(xí)生態(tài)文明建設(shè)的偉大歷程。
開展情況
在開始正式的構(gòu)建網(wǎng)頁前,小組學(xué)習(xí)vue等前端框架知識(shí),準(zhǔn)備為后續(xù)開發(fā)打基礎(chǔ),同時(shí)我們的游戲交互頁面也需要學(xué)習(xí)unity引擎基礎(chǔ)和webgl等知識(shí)。準(zhǔn)備構(gòu)建項(xiàng)目前,我們舉行線上會(huì)議,把網(wǎng)站的框架以及每個(gè)成員的任務(wù)布置下去,為保障線上合作更加順利,我們選擇Github作為我們的代碼托管平臺(tái),這樣小組每個(gè)人都可以看到目前網(wǎng)站的開發(fā)進(jìn)展,當(dāng)然線上合作也有一些小插曲,比如成員沒有按照規(guī)定的開發(fā)文檔建立文件夾等,我們也會(huì)及時(shí)開展會(huì)議糾正合作開發(fā)上的錯(cuò)誤。在后續(xù)開發(fā)過程中,我們及時(shí)地開展線上會(huì)議交流開發(fā)進(jìn)度以及對(duì)網(wǎng)頁內(nèi)容的創(chuàng)意思路,最后我們完成了整個(gè)網(wǎng)站的構(gòu)建。

實(shí)踐過程:
開發(fā)網(wǎng)頁游戲,利用Unity作為主體開發(fā)工具,之后再轉(zhuǎn)化為WebGL平臺(tái),得以在瀏覽器展現(xiàn)更生動(dòng)的游戲效果。案例科普和科普網(wǎng)頁運(yùn)用Vue等框架開發(fā)。利用Github線上合作的過程中,我們可以隨時(shí)觀察、跟進(jìn)伙伴的開發(fā)進(jìn)度,提升效率。網(wǎng)站后端使用服務(wù)器+cdn,但是CDN效果并不好,網(wǎng)頁加載較慢(部分圖片分辨率高,游戲畫面效果較多),于是最后使用對(duì)象存儲(chǔ),加快網(wǎng)頁加載速度。

Unity網(wǎng)頁游戲開發(fā)

開發(fā)科普網(wǎng)頁
成果展示:



首頁部分畫面



游戲頁面部分畫面

青山部分頁面



綠水部分頁面

自然部分頁面


政策宣傳頁面部分畫面
最后,歡迎訪問我們的網(wǎng)站:http://green.ibjfu.online/Nav/index.html