模塊目錄 - Origami Studio 中文文檔


官網(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 動(dòng)畫

差不多就手機(jī)自帶的一些動(dòng)畫效果

1.1 Bouncy Converter 彈性轉(zhuǎn)換器
把 Bounciness 彈性、Speed 速度轉(zhuǎn)換為Tension 張力、Friction 摩擦力,暫時(shí)還不知道什么時(shí)候用得上。

** 1.2 ? Classic Animation 曲線動(dòng)畫
快捷鍵:C**
緩動(dòng)動(dòng)畫,動(dòng)畫物理規(guī)律里的先慢后快、先快后慢...

1.3 Curve 曲線

** 1.4 ? Pop Animation 彈性動(dòng)畫
快捷鍵:A**
彈性的動(dòng)畫,可以調(diào)整速度和彈性。

1.5 Repeating Motion 重復(fù)運(yùn)動(dòng)

1.6 Smooth Value 平滑值

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.5 Device Info 設(shè)備信息

3.6 Device Motion 設(shè)備運(yùn)動(dòng)
調(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 震動(dòng)

4. Interaction 交互

觸發(fā)事件、動(dòng)畫之類的都需要有交互

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 動(dòng)量滾動(dòng)
4.9 Mouse 鼠標(biāo)

4.10 Pop Switch 開關(guān)
用劃動(dòng)、捏、旋轉(zhuǎn)等手勢激活的開關(guān)。

4.11 ? Scroll 滾動(dòng)
4.12 Scroll Settings 滾動(dòng)設(shè)置
4.13 Scroll away 估計(jì)是滾動(dòng)條

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 原型啟動(dòng)時(shí)
自動(dòng)交互,原型啟動(dòng)時(shí)激活交互。

[10.39 Wireless Broadcaster ](
[10.40 Wireless Receiver ](


文檔目錄


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容