鐵人檔案
React + web3 + 3D + 2D + APP (? 能玩些什麼呢？
利用 30 天的時間，分享在 NFT 圈看到到的新玩法
以及 前端/APP 開發者 在 Metaverse 浪潮下可以了解的有趣技術組合
這 30 天會分享很多小玩具，最終可能會做出個成果，也可能都是 code lab
Modern Web 組人好多，只好來蹭 web3 熱度
直接載入 藉由 React.Suspense 延遲載入再使用 primitive 簡化模型使用 function _GltfScene() { const...
我們可以在 sketchfab 上找到 GLB、 GLTF 模型，也可以透過 sketchfab 自動轉換不同格式的模型為 GLTF （有機率失敗） https...
我們該如何在元宇宙建立一個中藥鋪呢？ 首先讓我們來發行中藥ＮＦＴ 第一步，上 sketchfab 尋找素材第二步，你會發現找不到中藥櫃第三步，下載並打開 Bl...
我們該如何在元宇宙建立一個中藥鋪呢？- 如何簡化檔案與組件 首先我們看到昨天產出的檔案，部份省略 /* Auto-generated by: https://...
首先讓我們回到最初的官方範例https://codesandbox.io/s/basic-demo-rrppl0y8l4 import { useRef, us...
來做扁額吧 import * as THREE from 'three' import { useLayoutEffect } from 'react' imp...
打開 Blender，修改一下方塊 就做好了 讓表面細分使其圓滑 製作材質節點 調整ＵＶ 產生 中藥包 的 gltfjsx ～ Auto-gener...
DEMO https://codesandbox.io/s/zhong-yao-pu-55g7jg?file=/src/App.js 我們可以多加利用 Clon...
我們可以利用 {children} 傳入 React compment 的方式製作話載入場景時的過場頁面 <Intro> <A...
將 招牌 加入新的 Canvas import React, { Suspense, useRef, useState } from 'react' imp...
