給大家炫酷到懵逼了吧
圖咋畫(huà)的笆固住？
為什么先強(qiáng)調(diào)設(shè)計(jì)鞠柄？
設(shè)計(jì)跟技術(shù)落地息息相關(guān)侦高，不算創(chuàng)意的話，設(shè)計(jì)是第一股從上游腦袋瓜子流下來(lái)的源泉
普遍技術(shù)要先看設(shè)計(jì)-_-#sorry 我水平太low
我感覺(jué)厌杜，眾策劃一定會(huì)很感興趣一點(diǎn)就是這玩意圖咋畫(huà)奉呛？怎么讓設(shè)計(jì)去搞？
線索
Paste_Image.png
發(fā)現(xiàn)沒(méi)有夯尽，懂了吧瞧壮，360度由分割的場(chǎng)景圖組成，那么要分幾個(gè)夠用呢匙握？
我要打20個(gè)!
這個(gè)也是由分割的5個(gè)圖組成的
Paste_Image.png
這也是
Paste_Image.png
扒了之后是這樣的
原圖
這是兩張
圖圖圖～突突突
總結(jié)
1張藍(lán)色漸變背景
外圍360圖：20張環(huán)切（怎么讓我想起某種手術(shù)） 每張129*1170
中層：按需求環(huán)切
表層：一些瑣碎的圖片＋觸發(fā)按鈕
咋動(dòng)的芭夭邸？還能點(diǎn)ＨΨ摹秦忿？
別著急，看看技術(shù)棧先……shrekshrek這哥們著實(shí)高產(chǎn)～
Paste_Image.png
- bone:backbone的精簡(jiǎn)版 應(yīng)該被用來(lái)做事件交互和圖片聯(lián)動(dòng)效果
- jstween 基于時(shí)間線做緩動(dòng)～啥意思?
- css3d-engine 做3d效果的 這里面的360就是它來(lái)做的 很多其他類(lèi)庫(kù)也都可以
主干力量應(yīng)該就是這幾個(gè)了 但不知道為啥又用了zepto~
摳代碼蛾娶？線上項(xiàng)目一定被壓縮混淆了……不過(guò)大致的思路大家應(yīng)該有了吧灯谣，具體代碼我要私下去摳吼吼吼～
init: function() {
var t = this;
this.$main = $("#main"), h.init(), u.init(this.$main), this.stage = new i.Stage({
el: $("#three")[0]
}), this.stage.size(640, window.innerHeight).update(), this.root = new i.Sprite(),
this.root.position(0, 0, -600).update(), this.stage.addChild(this.root), s.init(this.root),
this.resize(), window.ua.weixin && window.ups.wid ? (h.on("getwork_success", function() {
t.initWork();
}), h.doGetWork({
id: window.ups.wid
})) : this.ready();
}
說(shuō)到底呢？
特么的創(chuàng)意最重要蛔琅！
其次是細(xì)節(jié)很細(xì)致 不然為毛要搞那么多圖Ｌバ怼！
估計(jì)他們看過(guò)《紅辣椒》
這畫(huà)風(fēng)讓我第一眼就想起《紅辣椒》
心里有譜了嘛罗售？嗯 去忽悠客戶吧 $_$
差不多的手法您看這個(gè)炫酷嘛辜窑？
小肥羊－撩羊
不是我做的 沒(méi)有利益關(guān)系
