官網(wǎng)Origami.design因?yàn)槭悄槙囊瓑Γ瑪R個(gè)百度盤下載地址 密碼8m39砸抛。
軟件里面的資料倒是很全亚铁,文檔案例都有蝇刀,英文。
手機(jī)端支持安卓版本了徘溢,要去Google Play下載吞琐。
下面的模塊怎么使用還沒有完全掌握捆探,只是打算先全部通讀一遍,可能前面不懂的站粟,看到后面就懂了黍图。
等文檔看完之后會繼續(xù)寫【相關(guān)課程】【相關(guān)案例】的東西。
如果對 Origami Studio 不了解的請先閱讀 《Origami Studio 文檔》奴烙,對 Origami Studio 的概念和用法有個(gè)了解助被。
Patches 模塊目錄
要實(shí)現(xiàn)功能,需要把對應(yīng)的模塊連接起來切诀,跟玩樂高積木差不多吧揩环。
每個(gè)功能都有對應(yīng)的模塊,各種模塊是干啥的都得大概了解幅虑。
常用的模塊有15~20個(gè)丰滑,但是官方文檔里面沒有說具體是哪些,根據(jù)自己的使用頻率大概總結(jié)了一下倒庵,標(biāo)記了 [ ? ] 標(biāo)記是板栗覺得比較常用的吨枉。
估計(jì)又快捷鍵的模塊就是常用模塊~
1. Animation 動畫
差不多就手機(jī)自帶的一些動畫效果
1.1 Bouncy Converter 彈性轉(zhuǎn)換器
把 Bounciness 彈性、Speed 速度轉(zhuǎn)換為Tension 張力哄芜、Friction 摩擦力貌亭,暫時(shí)還不知道什么時(shí)候用得上。
** 1.2 ? Classic Animation 曲線動畫
快捷鍵:C
**
緩動動畫认臊,動畫物理規(guī)律里的先慢后快圃庭、先快后慢...
** 1.4 ? Pop Animation 彈性動畫
快捷鍵:A
**
彈性的動畫,可以調(diào)整速度和彈性失晴。
1.5 Repeating Motion 重復(fù)運(yùn)動
2. Color 顏色
顏色暫時(shí)還不知道有什么用
2.1 Color to HSL 轉(zhuǎn)換為HSL色值
2.2 Color to Hex 轉(zhuǎn)換為十六進(jìn)制色值
2.3 Color to RGB 轉(zhuǎn)換為RGB色值
2.4 HSL Color 創(chuàng)建HSL顏色
2.5 Hex Color 創(chuàng)建十六進(jìn)制顏色
2.6 RGB Color 創(chuàng)建RGB顏色
3. Device 設(shè)備
調(diào)用設(shè)備硬件的功能
3.1 Browser Buttons 瀏覽器按鈕
給瀏覽器工具欄的【上一步剧腻、下一步】按鈕添加操作,要和下面的 Browser Chrome 模塊一起使用涂屁。
3.2 Browser Chrome 瀏覽器樣式
在查看器上顯示一個(gè)瀏覽器工具欄樣式(又網(wǎng)址的那欄)书在,如果要添加【上一步、下一步】的操作要和上面的 Browser Buttons 模塊一起使用拆又。
3.3 Camera 相機(jī)
調(diào)用手機(jī)儒旬、電腦、平板電腦等設(shè)備的攝像頭帖族。
要和 Viewfinder 圖層一起用栈源,但是還沒整明白怎么用。
3.4 Device Buttons 設(shè)備按鈕
調(diào)用安卓的返回按鈕竖般。
3.6 Device Motion 設(shè)備運(yùn)動
調(diào)用設(shè)備的加速度計(jì)和陀螺儀甚垦。
3.7 Haptic 觸覺
3.8 Microphone 話筒
調(diào)用設(shè)備的話筒錄音,可以連接到 Sound Player 模塊播放錄音。
3.9 Sound Board 音板
3.10 Sound Player 聲音播放
3.11 Sound Player Settings 聲音播放設(shè)置
3.12 Touches 觸摸
3.13 Trackpad 觸控板
3.14 Vibrate 震動
4. Interaction 交互
觸發(fā)事件艰亮、動畫之類的都需要有交互
4.1 Double Tap 雙擊
4.2 Drag 拖拽
4.3 Drag Settings 拖拽設(shè)置
4.4 Hover 懸停
4.5 ? Interaction 交互
快捷鍵:I
有 Down闭翩、Tap 兩個(gè)操作。Down在按下時(shí)生效迄埃,Tap在送開始生效男杈。
4.6 Keyboard 鍵盤
4.7 Long Press 長按
4.8 Momentum Scrolling 動量滾動
4.9 Mouse 鼠標(biāo)
4.10 Pop Switch 開關(guān)
用劃動、捏调俘、旋轉(zhuǎn)等手勢激活的開關(guān)伶棒。
4.11 ? Scroll 滾動
4.12 Scroll Settings 滾動設(shè)置
4.13 Scroll away 估計(jì)是滾動條
5. JSON
不懂是啥先跳過
5.1 Array Append
5.2 Array Builder
5.3 Array Count
5.4 Object at Index
5.5 Structure Formatter
5.6 Structure Key
5.7 Subarray
6. Logic 邏輯
要比較一個(gè)或多個(gè)值,按模塊的類型(最大值彩库、最小值之類的)輸出一個(gè)比較后的值
6.1 And 和
合并兩個(gè)或多個(gè)布爾值肤无。如點(diǎn)擊 A 和 B 都能打開開關(guān)。
6.2 Equals 等于
6.3 Equals Exactly 完全等于
6.4 Greater Than 大于
6.5 Greater Than or Equal 大于或等于
6.6 Less Than 小于
6.6 Less Than or Equal 小于或等于
6.7 Not 翻轉(zhuǎn)
6.8 Or 或
多個(gè)布爾值選一個(gè)骇钦。如點(diǎn)擊 A 或 B 都能打開開關(guān)宛渐。
7. Loops 循環(huán)
相當(dāng)于母版,用于相同格式的列表眯搭、表格窥翩。
[7.1 Any](
[7.2 Grid Layout](
7.3 Loop 循環(huán)
定義循環(huán)的數(shù)量。重復(fù)幾次鳞仙。
7.4 Loop Builder 循環(huán)生成器
更改單個(gè)示例中的值寇蚊,如頭像、名稱等棍好。
[7.5 Loop Count](
[7.6 Loop Filter](
[7.7 Loop Over Array](
7.8 Loop Select 循環(huán)選項(xiàng)
選中循環(huán)實(shí)例中的其中一個(gè)仗岸。
[7.9 Loop Sum](
[7.10 Loop to Array](
[7.11 Running Total](
8. Math 數(shù)學(xué)
也不是全理解
8.1 /(÷) 除
8.2 ? 減
8.3 √ 開根號
8.4 × 乘
8.5 + 加
8.6 Absolute Value 絕對值
8.7 Arctangent 反正切函數(shù)
8.8 Cosine 余弦函數(shù)
8.9 Length 長度
8.10 Max 最大值
8.11 Min 最小值
8.12 Mod 求余函數(shù)
8.13 Power 冪值
8.14 Round 四舍五入
8.15 Sine 正弦
9. Shapes 形狀
除了 Union 模塊,其他幾個(gè)形狀模塊不知道跟圖層有啥區(qū)別
9.1 Circle 圓
9.2 Oval 橢圓
9.3 Rounded Rectangle 圓角矩形
9.4 Triangle 三角形
9.5 Union 合并形狀
將多個(gè)形狀以交集的算法合并出一個(gè)形狀借笙。
10. Utility 實(shí)用工具
10.1 Clip 裁剪
10.2 Comment 注釋
10.3 Counter 計(jì)數(shù)器
10.4 Date & Time Formatter 日期和時(shí)間的格式
10.5 Delay 延遲
10.6 Delay 1 延遲
10.7 Device Time 設(shè)備時(shí)間
10.8 Image 圖片
10.9 Image Info 圖片信息
10.10 Layer Info 圖層信息
10.11 ? Option Picker 選項(xiàng)選擇器
升級版的 Transition 扒怖,可以定義多個(gè)狀態(tài)的值。一般連接在 Option Switch 后面业稼。
10.12 Option Sender 選項(xiàng)發(fā)件人
10.13 ? Option Switch 選項(xiàng)開關(guān)
升級版的開關(guān) - Switch盗痒,可以在多個(gè)狀態(tài)之間切換。一般連接在 Option Picker 的前面低散。
10.14 Point 點(diǎn)
10.15 Point 3D 三位點(diǎn)
10.16 Point 3D Unpack 打散3D點(diǎn)
10.17 Point Unpack 打散2D點(diǎn)
10.18 Progress 進(jìn)度
[10.19 Pulse ](
[10.20 Random ](
[10.21 Repeating Pulse ](
[10.22 Reverse Progress ](
[10.23 Sample and Hold ](
[10.24 Splitter ](
[10.25 Stopwatch ](
10.26 ? Switch 開關(guān)
兩個(gè)狀態(tài)之間切換俯邓。一般連接在交互模塊后面。
[10.27 Text Input Info ](
[10.28 Text Length ](
[10.29 Text Size ](
[10.30 Time ](
10.31 ? Transition 過渡
用來定義兩個(gè)狀態(tài)的范圍值谦纱。
[10.32 Vec4 ](
[10.33 Vec4 Unpack ](
[10.34 Velocity ](
[10.35 Video ](
[10.36 Video Info ](
10.37 Wait 等待
延遲信息到達(dá)時(shí)間看成。
10.38 When Prototype Starts 原型啟動時(shí)
自動交互君编,原型啟動時(shí)激活交互跨嘉。
[10.39 Wireless Broadcaster ](
[10.40 Wireless Receiver ](