Veekobe (@veekobe24) 's Twitter Profile
Veekobe

@veekobe24

Flutter Developer

ID: 1454124150260338691

linkhttps://linktr.ee/veekobe24 calendar_today29-10-2021 16:33:33

1,1K Tweet

325 Takipçi

1,1K Takip Edilen

Veekobe (@veekobe24) 's Twitter Profile Photo

Hello! My name is Veekobe! I’m Thai artist. I love to draw cartoons, love computer programming and love Thai music. The idea is combining all of my loves to the one NFT. If you like my work I will be very happy if you come to collect. linktr.ee/veekobe24

Veekobe (@veekobe24) 's Twitter Profile Photo

"Paula Zaa Soda Singha" During the day she is a normal company employee. But in the evening she is Superstar Dunker ! of Soda Singha ! Motto "Breaking backboard ! Breaking all records !" My project for "SODA SINGHA NFT ART CONTEST 2022" #SinghaSoda #SinghaSodaNFTArtContest

Veekobe (@veekobe24) 's Twitter Profile Photo

สรุป 5 ขั้นตอนการสร้าง Interactive NFT 1. ออกแบบภาพกับ event ต่างๆ 2. วาดรูประบายสี แบ่ง Layers 3. เขียน program ตรวจสอบ event 4. นำภาพ upload ขึ้น IPFS 5. เขียน Smart Contact เมื่อ Deploy เสร็จจะเห็นผลงาน Interactive NFT อยู่บน OpenSea 😊 👥 Facebook: facebook.com/veekobe23

Veekobe (@veekobe24) 's Twitter Profile Photo

วิธีการทำ interactive NFT จาก Master Monk3y ตอนที่ 1 มาดูโครงสร้าง project กัน youtu.be/sKBOs3aUx0Q ขอบคุณมากครับ

วิธีการทำ interactive NFT จาก Master Monk3y 
ตอนที่ 1 มาดูโครงสร้าง project กัน

youtu.be/sKBOs3aUx0Q
ขอบคุณมากครับ
Veekobe (@veekobe24) 's Twitter Profile Photo

3 ขั้นตอนการแบ่ง Layers เพื่อสร้าง interactive NFT 1. สร้าง Layers แบ่งหมวดหมู่ เช่น ลูกตา ปาก ตามภาพที่ 1 2. Export ออกมาเป็นภาพ png และตั้งชื่อภาพต่างๆ ให้สอดคล้อง ตามภาพที่ 2 3. นำชื่อทุกๆ ภาพมาใส่ในตัวแปร constant เพื่อใช้ในโปรแกรมสร้าง interactive NFT ต่อไป ตามภาพที่ 3

3 ขั้นตอนการแบ่ง Layers เพื่อสร้าง interactive NFT
1. สร้าง Layers แบ่งหมวดหมู่ เช่น ลูกตา ปาก ตามภาพที่ 1
2. Export ออกมาเป็นภาพ png และตั้งชื่อภาพต่างๆ ให้สอดคล้อง ตามภาพที่ 2
3. นำชื่อทุกๆ ภาพมาใส่ในตัวแปร constant เพื่อใช้ในโปรแกรมสร้าง interactive NFT ต่อไป ตามภาพที่ 3
Veekobe (@veekobe24) 's Twitter Profile Photo

NFT จาก p5.js p5.js เป็น javascript framework สำหรับทำงานศิลปะจากการ Coding ทำยังไงไปดูในคลิปกันเลยครับ...😊 youtu.be/sscV_bQ2-II ขอบคุณมากครับ Veekobe , NFT Blockchain Programmer

Veekobe (@veekobe24) 's Twitter Profile Photo

3 ขั้นตอนนำไฟล์เสียงมาใส่ใน interactive NFT ================================= 1. นำไฟล์เสียง mp3 วางไว้ใน Folder sound 2. initial sound object ด้วยคำสั่ง document.createElement('audio') 3. ใช้คำสั่ง play() เล่นไฟล์เสียง และ pause() หยุดไฟล์เสียง

3 ขั้นตอนนำไฟล์เสียงมาใส่ใน interactive NFT
=================================
1. นำไฟล์เสียง mp3 วางไว้ใน Folder sound
2. initial sound object ด้วยคำสั่ง document.createElement('audio')
3. ใช้คำสั่ง play() เล่นไฟล์เสียง และ pause() หยุดไฟล์เสียง
Veekobe (@veekobe24) 's Twitter Profile Photo

แชร์เทคนิคนำไฟล์ interactive NFT ทั้งหมด ขึ้น IPFS ก่อนจะ mint งานขึ้น OpenSea ครับ youtu.be/rwLQVHB8QWg ขอบคุณมากครับ Veekobe, NFT Blockchain Programmer

Veekobe (@veekobe24) 's Twitter Profile Photo

3 ขั้นตอน Generate ภาพ set เดิม จาก metadata แบบย้อนกลับ แก้ปัญหาอยากได้ภาพ set เดิม แต่ทำภาพหาย... (หลังจากที่ Generate random unique แล้ว) 1. loadLayerImg 2. ctx.drawImage 3. fs.writeFileSync และสามารถ modify ภาพนิ่งให้เป็นภาพ gif ได้ด้วยคำสั่ง new GifEncoder และ addFrame

3 ขั้นตอน Generate ภาพ set เดิม จาก metadata แบบย้อนกลับ
แก้ปัญหาอยากได้ภาพ set เดิม แต่ทำภาพหาย...
(หลังจากที่ Generate random unique แล้ว)
1. loadLayerImg
2. ctx.drawImage
3. fs.writeFileSync

และสามารถ modify ภาพนิ่งให้เป็นภาพ gif ได้ด้วยคำสั่ง new GifEncoder และ addFrame
Veekobe (@veekobe24) 's Twitter Profile Photo

วิธีการ Deploy Smart Contract เพื่อ Mint interactive NFT ที่ OpenSea ครับ ในคลิปจะใช้ TestNet บน Rinkeby Network แทน MainNet ครับ แต่วิธีการทำก็จะเหมือนกัน... ไปดูกันเลย !!! youtu.be/lsQV8kndhhM ขอบคุณมากครับ Veekobe, NFT Blockchain Programmer

Veekobe (@veekobe24) 's Twitter Profile Photo

4 วิธีทำให้ภาพ NFT คุยโต้ตอบกับเราได้.... 1. เขียนโปรแกรมบทสนทนาอัตโนมัติ (chat bot) ที่ rivescript file 2. สร้าง input text สำหรับพิมพ์เพื่อสื่อสารกับภาพ 3. สร้างตัวแปร Speech Systhesis (TTS) 4. จับ event แล้วใช้คำสั่ง reply และ speak เพื่อให้ภาพพูดออกมาได้

Veekobe (@veekobe24) 's Twitter Profile Photo

4 วิธีทำให้ภาพ NFT คุยโต้ตอบกับเราได้… เพื่อนๆ ดูได้ในคลิปกันเลยครับ ^_^ youtu.be/U6kvFv_-R5U ขอบคุณมากครับ Veekobe, NFT Blockchain Programmer

Veekobe (@veekobe24) 's Twitter Profile Photo

วิธีทำให้ภาพ NFT ทักทายตามช่วงเวลา… เช่น Good morning, Good afternoon โดยการกำหนดตัวแปร Array เก็บ Object เป็น Array ของ time กับ คำทักทาย และใช้คำสั่ง new Date().getHours() เพื่อนำมาเปรียบเทียบเวลากับตัวแปรนี้ ก็จะได้คำทักทายที่ตรงตามช่วงเวลาครับ

วิธีทำให้ภาพ NFT ทักทายตามช่วงเวลา…
เช่น Good morning, Good afternoon
โดยการกำหนดตัวแปร Array เก็บ Object เป็น Array ของ time กับ คำทักทาย
และใช้คำสั่ง new Date().getHours() เพื่อนำมาเปรียบเทียบเวลากับตัวแปรนี้
ก็จะได้คำทักทายที่ตรงตามช่วงเวลาครับ