文:宋瑞文(媽媽監督核電廠聯盟特約撰述)
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能
※台北網頁設計公司這麼多該如何選擇?
※智慧手機時代的來臨,RWD網頁設計為架站首選
※評比南投搬家公司費用收費行情懶人包大公開
※回頭車貨運收費標準
文:宋瑞文(媽媽監督核電廠聯盟特約撰述)
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能
※台北網頁設計公司這麼多該如何選擇?
※智慧手機時代的來臨,RWD網頁設計為架站首選
※評比南投搬家公司費用收費行情懶人包大公開
※回頭車貨運收費標準
摘錄自2020年09月27日中央通訊社美國報導
美國德州雷克傑克森市(Lake Jackson)當局呼籲居民不要使用自來水,因為水中可能含有致命的食腦微生物福氏內格里蟲(Naegleria fowleri)。
德州環境品質委員會(Texas Commission on Environmental Quality)表示,在「自來水系統獲得充分沖刷,且採檢樣本顯示水質已安全無虞可供使用」以前,雷克傑克森居民應該持續避免使用自來水。
福氏內格里蟲蹤跡遍及世界各地。美國疾病管制暨預防中心(CDC)表示,美國境內多數感染案例都出現在南方各州,福氏內格里蟲透過受污染的淡水感染人類,經由鼻腔進入人體使人致病。若遭感染,致死率相當高。感染者會出現發燒、噁心、嘔吐,以及頸部僵硬和頭痛等症狀,多數感染者會在1週內喪命。這類病例在美國境內相當罕見,2009年到2018年間僅傳出34起案例。
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能
※台北網頁設計公司這麼多該如何選擇?
※智慧手機時代的來臨,RWD網頁設計為架站首選
※評比南投搬家公司費用收費行情懶人包大公開
※回頭車貨運收費標準
VV5的儲物格的數量不算特別多,擋把前方的儲物格並不能固定打開不知道是否是個例,除了常規的杯架等儲物空間以外,再也沒有其他的儲物格,隨身的物品需要合理安置。後備箱空間規整,兩側有網兜可以放一下容易滾動的物品。
很多人的心裏認為:自主品牌就是低廉,就是low的體現,買自主品牌車就是傻。其實,我們不應該人云亦云,雖然自主品牌的技術沉澱沒有外國傳統汽車大廠深厚,但我們也不應該一味地貶低,自主品牌需要我們的鼓勵和支持。
就像我們今天試駕的WEY VV5一樣,不熟悉WEY的朋友不用着急,簡單來說WEY是長城汽車旗下的子品牌,主打高端市場。WEY這個品牌在上市之初就受到質疑:自主品牌到底能不能打造豪華車?那麼到底中國的豪華車應該是怎樣的?帶你一一揭曉。
第一眼看到VV5的時候,有種熟悉又陌生的感覺,整體來看VV5跟大哥VV7相似度很高,如果不把兩輛車停在一起,很難分辨清楚到底是大哥還是小弟。VV5的車身尺寸都比VV7小一圈,也是更加符合VV5的定位。轎跑的造型動感十足,短小的尾部個人認為不太協調,沒有了轎跑車優雅流暢的尾部線條。LED大燈是VV5的標配,並且全車多處WEY車標演變過來的元素,例如豎條狀的LED日間行車燈,豎條狀的鑰匙等,無處不強調WEY的家族基因。20寸的大輪轂是頂配車型專屬,視覺效果滿分,尾部四齣的排氣也相當唬人。
走進車內,國人喜歡的豪華感統統奉上,例如真皮座椅,懸浮式中央显示屏,全景天窗等“高大上”的配置全部具備,中控台除了懸浮的中央显示屏以外,其餘的裝飾幾乎為零,層次感也不足,好在軟塑料的質感不錯。平底的方向盤給人一絲運動感,不過對於一台SUV來說,裝飾作用>實際效果,並且手很容易誤觸到多功能按鍵。中央多媒體系統依靠擋把后的旋鈕+按鈕控制,兩側則是行車輔助功能控制區域,例如車道保持,盲區監測,自動泊車等。全液晶儀錶很有科技感,能夠切換3種不同的主題,显示內容也不錯,日常使用的信息均有显示。
從外觀上看,VV5的漆面以及做工及格,同一塊鈑上下的厚度差別有點大,整體在97-115μm之間,縫隙還算不錯,除了尾門稍有點大以外,其餘的都在正常水平之內。
本次試駕的VV5使用了紅內飾,在運動感的營造上不錯,但可能不能滿足大部分人的需求。六向電動調節的座椅包裹性一般,坐起來適中,可能為了長途乘車不會太累而設計。
VV5的儲物格的數量不算特別多,擋把前方的儲物格並不能固定打開不知道是否是個例,除了常規的杯架等儲物空間以外,再也沒有其他的儲物格,隨身的物品需要合理安置。後備箱空間規整,兩側有網兜可以放一下容易滾動的物品。
VV5全系只有一種動力總成,2.0T+7速雙離合變速箱的組合,最大馬力197ps,最大扭矩355N*m,看起來參數不錯,發動機艙用塑料板封起來,看起來比較整潔,但不利於機艙的散熱。
雙離合變速箱也是偏向舒適調校,換擋動作不快,換來的是平順性。在中段加速的時候,變速箱不願降擋,而且降擋速度很慢,給下動力請求后需要等待一會才會降擋。總體來說變速箱表現一般。
VV5的百公里加速時間為9.5S,制動距離為37.8米,表現優秀。
開起來發動機的渦輪遲滯明顯,號稱2000rpm就能達到峰值扭矩,但開起並沒有什麼爆發感,整體動力輸出偏平順,日常使用還好,激烈一點駕駛就有點不盡人意了。
VV5的轉向手感有3種模式可調,總體來說普通模式會稍微適合日常駕駛,方向盤隔絕掉所有的路感,盡量做到舒適。
底盤的厚實感VV5的確做得不錯,懸挂的表現則不盡人意,前段硬後段軟,快速過彎支撐性一般,走過連續顛簸,車廂會有一定的晃動。
VV5的隔音在同級別來說是前列水平,整體的隔音降噪都不錯,發動機噪音是VV5主要的噪音源,其餘的風噪路噪都隔絕得很好。
VV5全系只有兩款車型,超豪型和旗艦型,售價分別為15.00萬和16.30萬,兩者之間配置差距不大,如果預算充足可以選擇旗艦型,無論是20寸輪轂還是全液晶儀錶盤都是比較彰顯科技感,而車道保持系統會讓你在巡航的時候更安全。
總的來講,VV5的表現可以用“第一眼美女”來形容,第一眼看過去,轎跑的造型,大輪轂,全景天窗,真皮內飾,全液晶儀錶盤通通配備,給足你認為豪華的東西,所有東西看上去都很好,但真正開起來,VV5的不足就開始出現,變速箱表現不盡人意,懸挂動作不夠乾脆等都是VV5的不足之處。如果你僅僅是在市區行駛,需要有一台拉風的座駕,VV5可以滿足你的要求,15萬你還能要求這麼嚴格嗎?
本站聲明:網站內容來源於http://www.auto6s.com/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※帶您來了解什麼是 USB CONNECTOR ?
※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面
※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!
※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化
※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益
※教你寫出一流的銷售文案?
4T+7速雙離合真的難逢敵手,有動力,又夠快速,還平順,頓挫。不好意思,我們大眾的雙離合真的沒有,你說用幾年之後就會有。那是之後的事情。而且,大眾紮實的底盤質感在途安L上也得到體現,這也是很多人喜歡大眾車的其中一個原因。
在SUV市場繼續高歌猛進的同時,有兩股勢力正隱隱膨脹——旅行車和7座車,一個是人們為情懷買單,一個是解決了實際需求。只不過誰都還是不願意只做一個7座車(MpV或微面),都還是想抓住SUV市場,於是很多7座SUV進入了各個級別區間。今天,我們找來了6台不同級別的7座車,他們分別是10萬級的東風風光580、長安歐尚A800,20萬級的日產奇駿、大眾途安L,30萬級的福特銳界、本田奧德賽。一起來探討一下,到底誰的空間大,誰的駕乘表現好,而你,又該選誰?請看視頻/文章……
10萬級風光580vs歐尚A800
風光580 7.29-12.30萬,A800 5.99-11.99萬
風光580的銷量還是挺不錯的,我猶記得它上市發布會那100個網紅,咳咳,它的火熱,主要是因為在這個價位很難找到像它這樣質感相對較好的7座SUV車型。
設計方面我就不多聊了,個人覺得車頭和車側的部分線條神似本田繽智,外觀方面還挺Nice,但內飾老氣了一些。
有人說,這車就是一個“日系”車,因為是逆向研發出來的。我不去評判這個說法,我只想說,這車駕駛起來還真有這麼回事。動力比較疲軟,配合CVT變速箱,基本上就是落入“舒適、平順”(肉)的範疇。懸挂方面也是偏軟了一些,舒適性倒是沒有太多問題,不過確實沒有太好的駕駛感受。NVH也如此,各方面的噪音空間都是中等水平。
机械性倒是沒有什麼問題,例如不會有明顯鬆散的感覺、不會有過多的抖動或者異響,每個月這麼多人購買它,說明還是可以接受的(看在價格份上)。
這台車的行駛質感比上面說的580要好,畢竟是新車,且長安的造車水平自然更勝一籌。你會覺得這台車的机械質感更加緊緻,低速時候的噪音控制是意外的好,動力輸出會多了一股衝勁,主要是因為它是偏低扭輸出一些,且用的是手動變速箱。
當然,它也有問題,一來畢竟是較長的MpV車型,懸挂的後段支撐不算很到位,所以稍微快一點的操作它是應對不過來的。另一方面的問題出在濾振上,有種拉不住彈簧的感覺,整台車左右多餘晃動比較多。噪音也是,在速度起來之後有點控制不住。
223布局的座椅,在長車身、長軸距下換來不錯的乘坐空間,三排座位都能夠坐人,且也有一些配置照顧到第三排的乘客,倘若平時真的很經常多人出行,那麼我覺得這種MpV會是更好的選擇。
20萬級奇駿vs途安L
奇駿17.98-26.88萬,途安L15.58-19.98萬
奇駿嚴格意義來說算不上7座車,不過既然它有7座就逃不過我們的“魔爪”,5座的奇駿賣得好這點沒有人懷疑,我們還是來看看7座的表現吧。
2.5L+CVT的奇駿並不是人們印象中日系車或者日產車那種中庸中庸的調校,甚至低速時還有股蠻勁,平順和動力之間取得了不錯的平衡。底盤也如此,雖然是“沙發廠”,但不是一味的軟,濾振有高級感,懸挂有韌勁,操控方面也可圈可點。而且,也沒有一貫日系車那種單薄的感覺,噪音、震動都有一定的抑制。
相對大尺寸的奇駿在緊湊型SUV里算是大個子了,所以也有了不錯的第二排空間,不過同樣地,5座設計的它加入了2個第三排座椅,表現自然有限,還好7座車只有兩個配置,看來只是滿足一下部分特殊消費者的需求。
途安L則是一台典型的大眾車,我這麼說你真的很難反駁,通用化的零件、一樣的動力搭配,甚至差不多的前臉和中控設計,簡單想想都大概知道它的駕駛感受。不過我還是要稱讚一下大眾,這套1.4T+7速雙離合真的難逢敵手,有動力,又夠快速,還平順,頓挫?不好意思,我們大眾的雙離合真的沒有,你說用幾年之後就會有?那是之後的事情。
而且,大眾紮實的底盤質感在途安L上也得到體現,這也是很多人喜歡大眾車的其中一個原因。
途安L的第二排算是一個亮點,3個座位都是獨立的,雖然犧牲了一些寬度,但這樣卻優化了中間那位乘客的體驗,不用被隆起的座椅擱屁股。進入第三排很方便,一鍵放倒毫不拖泥帶水。第三排的座椅礙於車身尺寸,一樣是比較有限,只適合坐身材“好”的人或者小朋友。
30萬級銳界vs奧德賽
銳界22.98-42.98萬,奧德賽22.98-35.48萬
提及7座SUV,應該大部分人會想到銳界或者漢蘭達,這兩台車價格雖然不低,但也都挺火的,畢竟到了這個價位7座車就沒有什麼好選的了。
福特把運動刻在基因里,銳界的運動感自然也不在話下,2.0T用在這個尺寸和重量的車上百公里加速時間只能說還行,但實際的感受卻不一樣,它很樂意停留在高轉速,讓提速來得很狂野,只是油耗就有些難保障了。操控感也是一流的,反應很快,支撐很足。銳界的NVH是對得起其價格的,底盤有高級感,不過路感會清晰一些。
尺寸足夠大的銳界二排空間沒有毛病,但可惜了,第三排的座椅依然是“小板凳”,空間也一樣需要第二排給它騰,甚至腳掌也一樣不能放平。有些遺憾。高配的銳界第三排、第二排座椅都支持一鍵放倒,這是銳界的一個亮點。
奧德賽和GL8是目前這個價位MpV的典型,我覺得奧德賽還是會更舒適一點。
奧德賽用的是2.4L自然吸氣發動機加CVT變速箱,然而你卻不能少看它——本田發動機廠的調校可不是蓋的,動力輸出很順暢,肉感會有一點,但你會發現這個動力很懂你,能否滿足你的精準操作。只不過,它還是比不上競品們的2.0T來得猛烈。
駕控方面也讓人有些出乎意料之外,不會過分軟,不會過分輕盈,開起來還是很稱手的。略感可惜的是,噪音控制還是不太到位,這一點會讓它的商務性、甚至家用性都扣上點分。
奧德賽的大空間真的就毋庸置疑了,第二排還有頭等艙座椅,有多向調節、腳拖等,讓你坐得舒舒服服,左右兩個座椅的距離也可以調整,這點還是很巧妙的。
第三排座椅雖然也不見得是多完整,但起碼空間、坐姿沒有太大問題。可以說,如果你認為奧德賽的7座都不及格的話,真的沒有多少台車ok了。
所以到底怎麼選?
總的來說,MpV在空間和功能性上面都是優於SUV的,SUV就算是銳界這種中型SUV,7座也都是有些許勉強。不過我也可以告訴你,確實SUV的駕駛感受可能會更好一些,畢竟它需要應對更多不同的路況,對懸挂和濾振的要求會更高些,且坐姿高、視野也都更好,整體風格會更加的多種多樣,而MpV在這方面會調校得更加的“無趣”一些,大多隻能談舒適。
最後再認真的說一句,其實不同品牌在設計車型或者調校水平上面是有差別的,例如途安L的質感就很好且座椅的布局、功能都很好,而像580,彷彿就沒有考慮太多。因此,在物色7座車的你,還是要去全方位的體驗一下各種關於空間和乘坐的細節會更好一些!本站聲明:網站內容來源於http://www.auto6s.com/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能
※台北網頁設計公司這麼多該如何選擇?
※智慧手機時代的來臨,RWD網頁設計為架站首選
※評比南投搬家公司費用收費行情懶人包大公開
※回頭車貨運收費標準
摘錄自2020年9月29日自由時報報導
法國環境部長蓬皮里(Barbara Pompili)表示,法國政府決議將逐步禁止國內的馬戲團再使用野生動物表演,善待動物組織也在推特回應歡迎此政策,希望能盡快執行。
綜合外媒報導,法國政府決定將逐步禁止國內的馬戲團使用包括熊、老虎、獅子、大象等野生動物來作為表演。此外,即日起法國的三座海洋館也不能繁殖或引進圈養新的海豚及虎鯨。
蓬皮里表示,目前政府正在考慮為這些被圈養的鯨豚建立庇護所,但是永久性演出和動物園中的野生動物並不受到禁令影響。法國政府也會向馬戲團與海洋館的從事相關人員提供高達800萬歐元(約新台幣2億7086萬6144元)的援助方案,讓工作人員受到最小的衝擊。
蓬皮里說,政府也預計未來五年內將禁止養殖貂,因為業者養殖目的僅是為了取下貂皮。
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※帶您來了解什麼是 USB CONNECTOR ?
※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面
※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!
※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化
※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益
※教你寫出一流的銷售文案?
環境資訊中心綜合外電;姜唯 編譯;林大利 審校
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能
※台北網頁設計公司這麼多該如何選擇?
※智慧手機時代的來臨,RWD網頁設計為架站首選
※評比南投搬家公司費用收費行情懶人包大公開
※回頭車貨運收費標準
摘錄自2020年9月30日自由時報報導
根據《CNN》報導,英國樸茨茅斯大學(University of Portsmouth)發布聲明指出,研究團隊將PET水解酶與另一種酶結合,創造出全新的人造酶,這種新產物可對聚對苯二甲酸乙二酯(PET)快速作用,使得原本需要百年才能分解的PET,在短短數日內就被分解為基礎組成,可重複製造成全新的塑膠製品。
樸茨茅斯大學酶創新中心主任麥吉漢(John McGeehan)表示,對於全球性回收塑膠及減少塑膠污染行動,新創造出來的超級酶是一大突破,目前雖仍無法商業量產,但在研究資金充裕的情況下,前景十分樂觀。
麥吉漢表示,考量到超級酶分解PET的超強能力,若能成功開發量產,意味著可回收現有的塑膠製品重複使用,節省大量能源的同時,還可以解決苦惱全球的垃圾及碳排放問題。
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※帶您來了解什麼是 USB CONNECTOR ?
※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面
※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!
※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化
※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益
※教你寫出一流的銷售文案?
摘錄自2020年9月30日中央社報導
路透社報導,掌管慈善團體的英國慈善委員會(Charity Commission)29日發表聲明,國際鳥盟已提交事件報告,委員會將檢視所有提交資訊進行調查,以決定下一步動作。
中華鳥會自1996年成為全球最大的鳥類保育組織「國際鳥盟」(BirdLife International)會員。但國際鳥盟全球理事會2週前決議,由於中華鳥會的中文名稱「中華民國野鳥學會」對國際鳥盟的夥伴關係造成經營上的「風險」,因此將中華鳥會自正式夥伴關係中移除。
儘管國際鳥盟將中華鳥會除名,但許多組織仍表示將繼續與中華鳥會合作,包括國際鳥盟的重要夥伴英國皇家鳥類保護協會(Royal Society for the Protection of Birds)。
國際鳥盟禁止員工就此事發表評論,並未立即回應。
本站聲明:網站內容來源環境資訊中心https://e-info.org.tw/,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※USB CONNECTOR掌控什麼技術要點? 帶您認識其相關發展及效能
※台北網頁設計公司這麼多該如何選擇?
※智慧手機時代的來臨,RWD網頁設計為架站首選
※評比南投搬家公司費用收費行情懶人包大公開
※回頭車貨運收費標準
不管是在現實生活還是當今遊戲中,各式各樣的排名層出不窮。如果我們做好一款遊戲,卻沒有實現排行榜,一定是不完美的。排行榜不僅是玩家了解自己實力的途徑,也是遊戲運營刺激用戶留存的一種途徑。在微信小遊戲中普遍存以下兩種排名
其中好友的排名,需要通過微信子域實現。在子域上下文中,只能調用微信提供相關的api,且數據傳輸只能進不能出。即使在子域中調用雲函數也不行。這個對數據很嚴格,開發略為複雜。但好處也很明顯
儘管這樣,我們還是先實現世界排行。世界排行需要用戶授權。早期只需要調用wx.authorize就可以實現,現在很不穩定(好像廢棄了)。所以不得不通過生成一個授權按鈕來實現
微信小遊戲為開發者提供了一部分免費的雲環境。可以實現文件存儲,數據存儲以及通過雲函數實現服務端接口。開通方式也很簡單,這裏不做說明。既然要實現排名,優先選用雲函數來實現對應的api。要實現雲函數,需要在project.config.json文件中通過屬性cloudfunctionRoot指定雲函數目錄。由於,是通過cocoscretor開發,每次構建發布都會清空輸出內容。為了解決人肉複製粘貼,我們需要通過定製小遊戲構建模板實現微信小遊戲所有代碼的管理。小遊戲地心俠士構建模板如下
從圖中,可以看到獲取openid、獲取世界排名、保存用戶授權信息等雲函數都放在cocoscreator代碼環境中。這樣在開發完成后,通過cocoscreator構建發布,對應的雲函數也會一起打包過去
首先在構建模板的cloud-functions文件件中,使用npm初始一個名為getOpenId的node項目。初始好以後,運行npm install wx-server-sdk@latest --save。這樣就建立好了一個雲函數的基本框架。
我們在index.js文件,輸入以下代碼
// author:herbert 464884492 // project:地心俠士 獲取用戶openid const cloud = require('wx-server-sdk') cloud.init() exports.main = async (event, context) => { const wxContext = cloud.getWXContext() return { event, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID, } }
調用雲函數時,上下文中便可以得到玩家openid和uninid。玩家進入遊戲就先調用此函數,得到玩家的openid用於後邊更新玩家數據和獲取世界排行的條件。
小遊戲端調用雲函數前,需要初始雲環境。因為採用定製構建模板,所以我們直接在模板的game.js文件末尾初始我的雲環境
// author:herbert 464884492
// 地心俠士 初始雲環境
....
wxDownloader.init();
window.boot();
//初始化雲調用
this.wx.cloud.init({
traceUser: true,
env: 'dxxs-dxxs'
});
...
後續調用雲函數中,第一步都是要獲取openid,這裏定義一個全局變量將其保存起來,調用方法如下
// author:herbert 464884492 // 地心俠士 玩家openid private static openId: string = null; private static initenv() { return new Promise((resolve, reject) => { if (!this.wx) reject(); //直接使用本地緩存 if (this.openId != null) resolve(); // 調用雲函數獲取 this.wx.cloud.callFunction({ name: 'getOpenId', complete: res => { this.openId = res.result.openid; resolve(); } }); }); }
先看下地心俠士布局界面
上圖中可以看到,地心俠士虛擬了一個遊戲操作區域。玩家聚焦到世界排行時,需要渲染一個授權按鈕在確定的位置。需求很簡單,可考慮到移動端多分辨率,這個操作就變得複雜了。需要做屏幕適配。地心俠士採用自適應寬度的適配策略,配置如下圖
遊戲運行時獲取實際分辨率的寬度與設計的寬度相除,變可知道當前寬度變化比列,鍵盤容器九宮格使用了主鍵widget底部111px,高度161px。確定按鈕寬度105px
微信小遊戲以左上角為原點,通過top和left確定位置。然而,cocoscreator以左下角為原點,所以在計算top值時需要用屏幕寬度 – box上邊緣y坐標。適配代碼如下
// author:herbert 464884492 // 地心俠士 動態生成透明授權按鈕 initUserInfoButton() { // 獲取設計尺寸 let desingSize: cc.Size = cc.view.getDesignResolutionSize(); // 獲取實際屏幕尺寸 let screenSize: cc.Size = cc.view.getFrameSize(); // 獲取寬度倍率 let widthRate = screenSize.width / desingSize.width; // 獲取當前倍率下九宮格鍵盤實際高度 let halfKcHeight = 161 * widthRate / 2; // 獲取當前倍率下確定按鈕實際寬度 let btnwidth = this.btnKeySuer.width * widthRate; WxCloudFun.createUserinfoButton("", // 確定按鈕中心點對應小遊戲left值 (屏幕寬度-確定按鈕實際寬度)/2 // 定義實際授權按鈕size為105*40,所以還必須加上對應的偏差值 // 以下代碼中left體現整體適配過程,不考慮中間過程可以直接使用 // (屏幕寬度-授權按鈕)/2 即可得到left值 screenSize.width / 2 - 52.5 * widthRate + (btnwidth - 105) / 2, // Canvas 適配策略是 Fit Width,所以Canvas下邊沿不一定就是屏幕邊緣 // 通過111*widthRate得到具體下沿值,在加上虛擬鍵盤一半高度,可得到中心位置 // 由於微信原點在左上角,需要保持按鈕處於中心位置,坐標還需要上移一半按鈕高度 screenSize.height - (111 * widthRate + halfKcHeight + 20), () => { this.keyCode = cc.macro.KEY.r; this.scheduleOnce(async () => { this.dlgRank.active = true; // 獲取排名數據 await this.getRankInfo(); }, 0); }); }
經過上一步驟的適配操作,只要玩家聚焦到【世界排行】,地心俠士虛擬鍵盤的確定按鈕正上方會覆蓋一個透明的userInfoButton,玩家點擊確定就會喚起授權對話框,然後在對應的回調函數就可以完成用戶數據保存操作
// author:herbert 464884492 // 地心俠士 獲取玩家基本信息 public static createUserinfoButton(text: string, left: number, top: number, cb: Function) { this.userInfoButton = this.wx.createUserInfoButton({ type: 'text', text: text, style: { left: left, top: top, height: 40, width: 105, lineHeight: 40, textAlign: 'center', fontSize: 16, backgroundColor: '#ff000000',// 透明 color: '#ffffff', } }); this.userInfoButton.hide(); this.userInfoButton.onTap((res) => { // 將獲取到的用戶數據提交到雲端 this.wx.cloud.callFunction({ name: 'putUserinfo', data: { ...res.userInfo, openid: this.openId } }); this.hideUserInfoButton(); cb.call(); }); }
在代碼中,除了傳入玩家微信信息外。我還額外傳遞進入遊戲時就獲取的openid。正常情況下不需要的,因為,雲函數中天然會告訴你openid。不過,我們在後端使用了got獲取玩家頭像保存到雲端文件存儲中。引入此包后,後端就獲取不到openid了,相當奇怪。對應雲平台雲函數代碼如下
// author:herbert 464884492 // 地心俠士 雲函數保存玩家基本信息 const cloud = require('wx-server-sdk') const got = require('got') cloud.init() // 雲函數入口函數 exports.main = async(event, context) => { const { nickName, avatarUrl, gender, openid } = event; let wxContext = cloud.getWXContext(); // 如果後端拿不到openid就採用前端傳入的openid wxContext.OPENID = wxContext.OPENID || openid; const log = cloud.logger() log.info({ tip: `正在請求頭像地址[${avatarUrl}]` }) // 獲取頭像數據流 const stream = await got.stream(avatarUrl); let chunks = []; let size = 0; const body = await (async() => { return new Promise((res, reg) => { stream.on('data', chunk => { chunks.push(chunk) size += chunk.length log.info({ tip: `正在讀取圖片流信息:[${chunk.length}]` }) }) stream.on('end', async() => { const body = Buffer.concat(chunks, size) log.info({ tip: `正在保存頭像文件:[${size}]` }) res(body) }) }) })() //保存頭像到雲存儲 const { fileID } = await cloud.uploadFile({ cloudPath: `avatars/${wxContext.OPENID}.jpg`, fileContent: body }) // 添加或更新玩家信息到數據庫 const db = cloud.database() const { data } = await db.collection("dxxs").where({ _openid: wxContext.OPENID }).get() const updateData = { fileId: fileID, nickName: nickName, sex: gender == 1 ? '男' : '女', avatarUrl: avatarUrl } if (data.length > 0) { log.info({ tip: `正在修改數據庫信息:[${size}]` }) await db.collection("dxxs").doc(data[0]._id).update({ data: updateData }) } else { log.info({ tip: `正在添加數據庫信息:[${size}]` }) await db.collection("dxxs").add({ data: { ...updateData, _openid: openid } }) } return { openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID } }
保存完用戶數據后,通過一個回調函數,實現了玩家排名數據獲取。細心的朋友可以在前邊授權按鈕適配的章節看到await this.getRankInfo();這句代碼。後端雲函數就是一個簡單數據查詢。效果圖如下
從上圖可以看到,我實現了三個維度排名,需要在前端需要傳入排名字段。對應代碼如下
// author:herbert 464884492 // 地心俠士 獲取排名信息 public static async getWorldRanking(field: string = "level") { const { result } = await this.wx.cloud.callFunction({ name: 'getWordRanking', data: { order: field } }); return result.ranks; }
雲函數代碼如下
// author:herbert 464884492 // 地心俠士 雲函數返回排名信息 const cloud = require('wx-server-sdk') cloud.init() exports.main = async (event, context) => { const wxContext = cloud.getWXContext() const db = cloud.database(); const { order = "level" } = event; const openData = await db.collection("dxxs") .orderBy(order, "asc") .get() const ranks = openData.data.map(item => { return { openid: item._openid, [order]: item[order], nickName: item.nickName, fileId: item.fileId, avatarUrl: item.avatarUrl } }); return { ranks: ranks, openid: wxContext.OPENID, appid: wxContext.APPID, unionid: wxContext.UNIONID } }
這裡有一個CoscosCreator遊戲開發群,歡迎喜歡聊技術的朋友加入
歡迎感興趣的朋友關注我的訂閱號“小院不小”,或點擊下方二維碼關注。我將多年開發中遇到的難點,以及一些有意思的功能,體會都會一一發布到我的訂閱號中
本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理
【其他文章推薦】
※帶您來了解什麼是 USB CONNECTOR ?
※自行創業缺乏曝光? 網頁設計幫您第一時間規劃公司的形象門面
※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站,提高曝光率!
※綠能、環保無空污,成為電動車最新代名詞,目前市場使用率逐漸普及化
※廣告預算用在刀口上,台北網頁設計公司幫您達到更多曝光效益
※教你寫出一流的銷售文案?