跳到主要內容

發表文章

照片轉Pixel Art動畫影片 PixAnim

  [ 試試 ] 某天突然想到,我也可以利用之前作過的 繪文字填圖EmojiPaint 的演算法,作一個簡單的像素風動畫,然後可以存成GIF或者影片方便分享。 EmojiPaint裡面己經有一個叫作pixelart的函式,可以把一個己經畫好圖的canvas的內容,轉成像素風格。每一個像素根據指定tile大小(cw*ch),它的顏色就是這塊tile裡所有pixel的顏色平均值。這就是pixelart的原理,最簡單的作法。 現在,要作成動畫,只要從最大的tile開始,也就是整張圖的大小(縮放調整至400*400),不斷的呼叫pixelart。作完後再把tile縮小一半,也就是200*200,再作一次pixelart。一直持續這個過程,直到tile為1*1之前停止,因為1*1太多點要畫了。 經過修改的pixelart,會先把此次所有tile都計算好顏色和位置,儲存在一個陣列。接著才是畫圖階段,一個一個把tile畫出來。但是tile愈小的時候,數量就愈多,畫一個tile的時間也要跟著縮短,才不會讓人覺得過程太過冗長。其實,除了隨著tile縮小,畫tile的時間跟著縮短之外。每一個draw處理中畫的tile數量也會跟著增加,這都是為了減少動畫過程太冗長,提高觀看的人的體驗。 底下是關鍵的pixelart和drawblock函式。 function pixelart ( id, cw, ch ) { var imgData = ctx.getImageData( 0 , 0 , canvas.width, canvas.height); var col = Math .floor(canvas.width / cw); var row = Math .floor(canvas.height / ch); var blocks = []; for ( var i = 0 ; i < col; i++) { for ( var j = 0 ; j < row; j++) { var x = cw * i; var y = ch * j; var rgb = calcRgbSum(imgData.data, x, y, cw, ch); blocks.push([x...
最近的文章

生成小鎮1010 - 用 Ollama 製作一個在本機執行的生成式文字冒險小遊戲

  生成小鎮 1010 是一個利用在本機執行的大語言模型,動態的生成遊戲地圖及根據玩家互動生成故事劇情及任務內容的文字冒險小遊戲。 完成環境建置後,就可以到  Ollama 官網  下載模型,在本機開始測試遊戲。 處理器(CPU) 13th Gen Intel(R) Core(TM) i5-13500H 2.60 GHz 記憶體(RAM) 40.0 GB 顯示卡 Intel(R) Iris(R) Xe Graphics 128 M 系統 Windows 11 家用版 24H2 這是我的筆電規格。在我的筆電上跑  gemma3:4b-it-q4_K_M  模型,勉強可以玩。如果你有更強的硬體,就能夠利用更大的模型,得到更好的遊戲內容體驗。 gemma 是 Google 的開放的整合了視覺理解能力多模態大語言模型。4b: 是模型參數大小,表示 40 憶個參數。q4_K_M: 是一種減少模型大小和提高效率的技術,它涉及到將模型中的數值精度降低,並減少了對記憶體和計算資源的需求。 你也可以根據自己的需要或喜好,選擇下載不同模型。 [ GitHub ] 1. 準備工作 1.1 什麼是 Ollama Ollama 是一個可以在本機運行大型語言模型(LLM)如 LLaMA、Mistral、Gemma 等的開源工具。它的目的是讓開發者和使用者可以更輕鬆地在自己的電腦上執行和使用這些 AI 模型,而不需要依賴雲端服務。Ollama 的特點是: 本地運行模型  你可以直接在 Windows、macOS 或 Linux 上下載並運行語言模型,無需連網使用 API。 簡單的 CLI 工具  安裝後只需要輸入像 ollama run llama3 這樣的指令就可以開始對話。 支援多種模型  包含 Meta 的 LLaMA、Mistral、Gemma、Deepseek 等模型,也可以自訂模型。 開發整合容易  提供簡單的 API(RESTful),方便整合到你自己的應用程式、網頁或手機 App 中。 節省成本與提高隱私  不用連接 OpenAI、Anthropic 或其他雲端 LLM,降低使用成本,也不會洩漏資料。 1.2 安裝 Ollama 訪問  Ollama 官網 ,根據你的作業系...