# ImageToAscii An app that turns a picture to an ascii painting. # Links Video: Online Coding, https://youtu.be/Wqlp2AeRwAM App: Image to Ascii, https://imagetoascii.gamelet.online

# Playground 專門用來快速在畫板上塗塗抹抹的專案。 ## Getting Started 摳出來成為你自己的新專案後，可用以下幾種工具(在/libs裏的工具)快速畫圖。 ```typescript // 畫一個紅色的圓 draw.circle(0, 0, 100, {fillColor: 0xFF0000}); // 打開一個確認視窗 dialog.confirm('Are you sure?', 'Click confirm if you think it is ok.') .then((confirm) => { if(confirm) { console.log('User confirmed.'); } }); // 收集資料畫長條圖 let dataCollector = new DataCollector(); dataCollector.addData('一月', 1, 2); dataCollector.addData('二月', 2, 10); dataCollector.addData('三月', 3, 5); dataCollector.addData('四月', 4, 6); dataCollector.showChart('第一季', 'bar'); ```

# 畫雪花的工具 ## 我的計畫 1. 先製作畫圖工具 2. 然後將圖鏡射六個角度 3. 最後將單數的鏡射反轉 ## 連結 YT影片: https://youtu.be/az2nrbW5pqc

# JS Learning 交作業、然後順便學JS ## 新駕上路 '在臺灣，汽車的肇事率在世界是數一數二的；為此，交通部決定重新整頓汽車考照的標準與流程...' 在新的考照標準公布後，剛滿18也上完一個月駕訓班的小哈興高采烈地前去考取駕照；對於筆試，對他而言簡直就跟喝咖啡一樣簡單，小菜一碟。 自信心爆棚的小哈，來到路考的考場準備上路考試，不料剛一發動車，他就感覺事態的不對勁... 　　 <b>※以上純屬虛構，但肇事率極高是真的</b> ## <b>【遊戲目標】幫助小哈駕車將車體安全移動到綠色的終點區</b> - 使用 ↑ ↓ ← → 操控你的車輛 - 按鍵【R】能夠重新開始遊戲

# 無差別五子棋 五子棋是中國古老的棋藝之一，發展至今天有日本的連珠(Renju)、歐洲的五目(Gomoku)、以及Gamelet的無差別五子棋。棋友們不打不相識，歡迎大家進來互相切磋棋藝吧。 這款使用Code.Gamelet.com平台製作的多人連線遊戲除了Online對弈模式可在線上找棋友單挑之外，還有單人模式，讓玩家可以輕鬆讓站長設計的人工智慧培養你的實力。 單人模式可以選擇下「篤姬五子棋」、「德川家定將軍五子棋」、還有可愛的「女僕五子棋」，每個人都有不同的個性，若是新手請選擇女僕五子棋喔！ ## 規則 遊戲中和玩家對弈的部分有六種規則可以選擇： 1. **無差別**：沒有職業棋賽的各種繁複規則，只要玩家能湊出五個子連成一線就算贏。後手贏得比賽所得到的分數是先手贏得到分數的1.5倍喔。 1. **三手交換**：黑白雙方輪流落子，盤上第三手棋後，後手白子有權選擇交換，或不交換直接下第四手。若後手白子於第三手選擇交換，則棋盤上黑白子交換，並由黑子繼續下子。長連不禁也不判勝。 1. **黑子禁手**：先手黑子不能下禁手棋，包括雙活三、雙四和長連。 1. **山口規則**：(Yamaguchi Rule) 2009世界盃開始採用的職業規則。 1. **索索夫規則**: (Soosõrv Rule) 2017世界盃開始採用的職業規則。 1. **六子棋**: 雙方輪流各下兩子，連成六子（或以上）者獲勝。 開局的玩家一定是持白子後手，遊戲結束後，如果兩人選擇再玩一次，那麼先手和後手就會交換順序，讓贏的人變後手！ 自認是高手的朋友們，快進來開局等人來挑戰吧！ ## 作者 **[小哈片刻](/profile/113321052805704333314@google)**

# Circle Packing 作畫 今天來製作一個使用 Circle Packing 將照片重繪的高端軟體。 ## 我的計畫 1. 寫CirclePacking演算法 2. 讀取圖片像素資料 3. 根據圓圈位置決定填色 4. 製作介面 * 可重新選取圖片作畫 * 可下載畫好的作品 ## 連結 * APP: https://circlepacking.gamelet.online * 影片: https://youtu.be/I54C9wDlhVw

# 我的第一個光暈同人陣 再度來侵擾的盜賊們，想辦法擊退他們吧！天影武士！ ### [教學影片](https://www.youtube.com/watch?v=c6gBPZ7hA88&list=PL_lAzyR1hEw7wqYlqf-P0A--k8I0cQSoI) ## 作者 **[酷可](/profile/114899766849308759711@google)**

# 簡易計算機 今天示範如何製作一個簡易版的計算機 ## 我的計畫 1. 首先用React + MaterialUI製作計算機的介面 2. 然後分析使用者輸入的數學式，並計算出結果 1. 先只考慮+和- 2. 然後加入x和/ 3. 最後再處理括號() ## 連結 * App: https://calculator.gamelet.online * 影片: https://youtu.be/TsX0hk76yRM

# Playground 今天要來製作一個隨機樹木產生器。 ## 我的計畫 1. 先前主幹開始往上畫 2. 主幹長到最後會生出一段新的支幹，支幹會變細一點 3. 生出支幹時有機率會分裂成兩個分支 4. 最後支幹無法再更細時，會開花 # 成品 * App: https://tree-generator-2d.gamelet.online * 影片: https://youtu.be/bqw0ES_wc38

# 風暴劇場 很喔耶的劇情

# magicRenderer_twhist 按Z可以隱藏選單列 起始秒數預設為0 播放速度預設為8(設正值為加速，負值為減速) ## Authors **[hyper_code_gamelet](/profile/hyper_code_gamelet)**

# Haska Drawing World A drawing app that converts the drawing into a physics world. # My Plan 1. Make drawing tools 2. Convert lines to physics platforms 3. Create a ball that jumps on the platforms 4. Create a car that runs on the platforms 5. Spacebar to make the car jump 6. Gameover when the car falls below the screen # Links Video: Online Coding, https://youtu.be/a6SsuD4MKJA App: Image to Ascii, https://haska-drawing-world.gamelet.online

# PathFindingDemo An web app that demostrate how path-finding algorithm progresses. 展示路徑搜尋演算法的搜尋過程。 [Youtube說明影片](https://youtu.be/_B8XV1iIvq8) # iT邦2022鐵人賽示範專案 30個遊戲程式的錦囊妙計系列 [Trick 27: 承先啟後的路徑搜尋－A*演算法](https://ithelp.ithome.com.tw/articles/10292260) ## Map Editor The app contains a simple map editor that help you create different maps to run the path-finding. ### Terrains The editor offers 5 different terrains: * Plain * Water (passable but cost a lot) * Forest * Mountain (cannot pass through) * Road (super low cost) The map can be saved to a file. The file can then be used to import the map to the editor. ## Path finding ### Algorithm The simulator includes 4 algorithms: * A-Star (A*) * Best First Search (BFS) * Dijkstra’s Algorithm * Deep First Search (DFS) ### Estimate Plans When estimating the cost from a tile to another tile, the simulator offers 7 different strategies to try. ## Authors **[Haskasu](/profile/Haskasu)**

# 柏林噪聲(Perlin Noise) 示範Perlin Noise 1D/2D/3D 的應用。 [Youtube影片說明](https://youtu.be/NqqIT_-xJls) # iT邦2022鐵人賽示範專案 30個遊戲程式的錦囊妙計系列 [Trick 17: 隨機卻連續的地形是咋做出來的？](https://ithelp.ithome.com.tw/articles/10289680)

# 翻翻看 此專案主要為測試並實作 Server 模組的多人即時連線。 遊戲採自動匹配，若沒有玩家建立遊戲室時，則會自動建立遊戲室。 若已經有遊戲室正在等待，則會自動加入。 ## 遊戲說明 開時始會先展示所有的牌 2 秒鐘，並隨機選擇一人先攻。 只要翻出兩張同數字、同顏色的牌，即可配對成功。 配對成功者仍可繼續翻牌，直到失敗為止。 當所有牌都配對成功時，配對數較高的一方獲勝。 並會自動開始重新新的一輪。 ## Authors **[cook1470](/profile/cook1470)** ## Assets Resource **[Playing Cards](https://drawsgood.itch.io/8bit-deck-card-assets)**

# iT邦2022鐵人賽示範專案 30個遊戲程式的錦囊妙計系列 [Trick 8: 狙擊槍的彈著點是在哈囉？](https://ithelp.ithome.com.tw/articles/10288347)

# peace 劇情遊戲 ## 開始設計 <a href="cg://source/CG.peace/game.events" class="mat-raised-button mat-primary">編輯遊戲事件表</a> ## 作者 **[ao.h40](/profile/117202926667659568062@google)**

# 四輪車路考模擬器 (寫程式玩數學#11)新手開車模擬路考(上):四輪車演算法 影片說明 https://youtu.be/v7mXuR2ngD0

# 世界觀簡介 ## 末世屍變世界簡介 - 本世界位於另一個太陽星系，有著和地球類似的生態，分為七大洲、五大洋以及許多零零碎碎的島嶼。 - 此世界以亞納紀年，以亞納去世那年為元年。 - 此世界的紀日為：年，每年十二月，除了五、六、七、八月為三十一日外，每月皆三十日；每年固定三百六十四日整。 - 此世界的季節除特殊緯度外皆為：春、夏、秋、冬 - 不論男女，到了十五歲時，即必須為自己的行為負責(法定成年年齡)。 # ----------------------------------------------------------------------------------------------- # 由衷感謝 ## 感謝各位模組製作者 ## 感謝希~~瓜~~乃~~酪~~、酷可、妮娜、隨緣的指導及建議 ## 也感謝各位在討論區的大佬們給了製作者們學習內容 # # # # # # # # ### Keite出品 - 劇情構思、地圖設計、世界觀、事件背景、其他相關資料繪製及製作：Keite - 人物構思：Keite、以及身旁的親朋好友們 - 靈感來源：陰屍路、末日之戰、Project Zomboid遊戲過程、以及其他更多的影視內容...

無聊做出來的東西