iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 27
0

最近也不知道是怎樣,幾乎就在亂玩,一直打亂原訂的順序XD

剛好有人提到就把前幾年搞一半的桌寵又拿出來做,不這次是使用 Flutter 就像之前用 electron + Three.js 一樣用個透明背景就能做做樣子

https://ithelp.ithome.com.tw/upload/images/20191013/20104220djbfXO8bly.png

前幾天的Google STT&TTS也是之前用過的套件,還可以串接 Google vision 讓桌寵老婆 更強大

首先是該如何插入模型呢?

理論上可以,而且 Flutter 底層是 OpneGl 有提供 transform: Matrix4.rotationXYZ() 有玩過Three.js 的大大們想必都不陌生。

https://ithelp.ithome.com.tw/upload/images/20191013/20104220gS3JzDRDC2.png

使用套件 [flutter_3d_obj]https://pub.dev/packages/flutter_3d_obj#-readme-tab-)

https://pub.dev/packages/flutter_3d_obj#-readme-tab-

使用套件 [先Clone 下來範例專案就可以做到上圖的效果]https://github.com/hemanthrajv/flutter_3d_obj/tree/master/example) 接下來我們要來吧模型換掉!

我是很想用帶有動作的FBX檔 可是 FBX的套件好像不支援了,

https://pub.dev/packages/fbx


上一篇
[Day26] 與後端API串接資料
下一篇
[Day28] Flutter 之 3D animation?
系列文
小孩子才做選擇 ! Flutter & React Native 我全都要32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言