給大家炫酷到懵逼了吧
圖咋畫的?。?/h3>
為什么先強調(diào)設(shè)計？
設(shè)計跟技術(shù)落地息息相關(guān)，不算創(chuàng)意的話，設(shè)計是第一股從上游腦袋瓜子流下來的源泉
普遍技術(shù)要先看設(shè)計-_-#sorry 我水平太low
為什么先強調(diào)設(shè)計？
設(shè)計跟技術(shù)落地息息相關(guān)，不算創(chuàng)意的話，設(shè)計是第一股從上游腦袋瓜子流下來的源泉
普遍技術(shù)要先看設(shè)計-_-#sorry 我水平太low
我感覺，眾策劃一定會很感興趣一點就是這玩意圖咋畫？怎么讓設(shè)計去搞？
線索
Paste_Image.png
發(fā)現(xiàn)沒有，懂了吧，360度由分割的場景圖組成，那么要分幾個夠用呢？
我要打20個!
這個也是由分割的5個圖組成的
Paste_Image.png
這也是
Paste_Image.png
扒了之后是這樣的
原圖
這是兩張
圖圖圖～突突突
總結(jié)
1張藍(lán)色漸變背景
外圍360圖：20張環(huán)切（怎么讓我想起某種手術(shù)） 每張129*1170
中層：按需求環(huán)切
表層：一些瑣碎的圖片＋觸發(fā)按鈕
咋動的??？還能點?。?/h3>
別著急，看看技術(shù)棧先……shrekshrek這哥們著實高產(chǎn)～
Paste_Image.png
- bone:backbone的精簡版 應(yīng)該被用來做事件交互和圖片聯(lián)動效果
- jstween 基于時間線做緩動～啥意思?
- css3d-engine 做3d效果的 這里面的360就是它來做的 很多其他類庫也都可以
主干力量應(yīng)該就是這幾個了 但不知道為啥又用了zepto~
摳代碼？線上項目一定被壓縮混淆了……不過大致的思路大家應(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();
}
說到底呢？
特么的創(chuàng)意最重要！
其次是細(xì)節(jié)很細(xì)致 不然為毛要搞那么多圖??！
估計他們看過《紅辣椒》
這畫風(fēng)讓我第一眼就想起《紅辣椒》
心里有譜了嘛？嗯 去忽悠客戶吧 $_$
差不多的手法您看這個炫酷嘛？
小肥羊－撩羊
不是我做的 沒有利益關(guān)系
