เครื่องมือ tool
ลากตัวละครไปที่ใหม่: จุดถัดไปของเส้นทาง · drag a character: the next point of its course
100%
วินาที
เล่าเรื่องสั้น ๆ แล้วโมเดลตอบกลับมาเป็นข้อมูลของหน้านี้: ตัวละคร เส้นทาง ฉาก ข้อความ หน้านี้วาดและบันทึกวิดีโอให้ ใช้ได้กับ OpenAI และทุกบริการที่พูด API แบบเดียวกัน เช่น Ollama บนเครื่องของคุณเอง หรือจะคัดลอกคำสั่งไปถามโมเดลไหนก็ได้ แล้ววางคำตอบกลับมาที่นี่
Tell a short story and the model answers with this page's own data: characters, courses, set and text. The page draws it and records the video. Works with OpenAI and any service that speaks the same API, such as Ollama on your own computer; or copy the instructions to any model you like and paste its answer back here.
Ollama: address http://your-spark.local:11434/v1, model qwen2.5:14b, no key; the server must allow this page with OLLAMA_ORIGINS=https://krueng.ai. The address and model are kept in this browser only; the key only when its box is ticked.
กด 🧒 ทำทีละขั้น แล้วทำตามทีละขั้น: เลือกฉากหลัง ใส่ของในฉาก ต้นไม้ดอกไม้ สัตว์ และคน แตะสิ่งที่อยากได้ แล้วแตะที่ภาพตรงที่อยากวาง ตรงไหนก็ได้ จากนั้นทีละคน: แตะที่ภาพว่าเริ่มยืนตรงไหน เลือกว่ารู้สึกอย่างไร เดินไปไหน ไปถึงแล้วรู้สึกอย่างไร แล้วพิมพ์ว่าพูดหรือคิดอะไร เป็นฟองคำพูด ฟองความคิด หรือคำใต้ภาพ ทุกขั้นมีปุ่ม ⏭ ข้าม และ ⏩ ข้ามทั้งหมด จบแล้วฉากจะเล่นให้ดู แล้วเลือกได้ว่าจะแก้ไขต่อ ทำเป็นวิดีโอ หรือบันทึกเป็น JSON
Press 🧒 guide and follow it a step at a time: pick a background, then put in what stands in the scene, plants, animals and people: tap what you want, then tap the picture where it goes, anywhere at all. Then, one person at a time, tap where they start, pick how they feel, tap where they walk to, pick how they feel when they get there, and type what they say or think: in a speech bubble, a thought bubble, or under the picture. Every step has ⏭ skip and ⏩ skip all. At the end the scene plays, and you choose: make changes, make it a video, or save it as a JSON file. 💾 saves the JSON at any time: paste it into 🤖 to open it again, or give it to film.py to render.ทางซ้ายคือจานสี ลากตัวละคร สัตว์ ของ ดอกไม้ ผลไม้ หรือชิ้นฉากไปปล่อยบนจอ มันจะยืนตรงที่ปล่อย ของทุกอย่างวางตรงไหนก็ได้ บนพื้นหรือบนฟ้า ของที่เพิ่งใส่จะมีแถบอยู่ข้างบน: ✋ ย้าย (ลากไปที่ใหม่) ➖ ➕ เล็กลงหรือใหญ่ขึ้น และ ✔ เสร็จ พญานาคและมังกรปล่อยได้ทุกที่: จุดที่ปล่อยคืออกของพญานาคหรือหัวของมังกร ลำตัวทอดตามหลัง สัตว์ในตำนานล้านนามีสองตัว: มอมเดินบนพื้น และพญาลวงบินไปตามเส้นทาง ลำตัวทอดตามหัว
The palette is on the left. Drag a character, an animal, a thing, a flower or fruit, or a set piece onto the stage; it stands where you drop it. Anything can go anywhere in the picture, on the ground or up in the sky. What you have just put in has a bar over it: ✋ move (drag it somewhere else), ➖ and ➕ to make it smaller or bigger, and ✔ done. The Naga and the dragon can go anywhere: the point you drop is the Naga's chest or the dragon's head, and the body trails behind. Two are creatures of the myths of Lanna: the Mom walks on the ground, and the Luang flies along its course, its body behind its head.โคมลอยไม่ลอยเอง: ให้เส้นทางขึ้นฟ้ามัน (ข้อ 2) แล้วมันจะลอยขึ้น และสว่างที่สุดบนท้องฟ้ากลางคืน
A lantern does not rise by itself: give it a course up into the sky (part 2) and it climbs, brightest on the night backdrop.โคมล้านนาแขวนจากจุดที่ปล่อย: มันแกว่งและหมุนตามลม หางแกว่งเบาๆ เทียนข้างในดับตอนกลางวันและติดตอนเย็นกับกลางคืน หรือเลือกเองในแผง ให้เส้นทางมันแล้วมันจะเอนตามทาง เหมือนโคมที่ถือไป
A Lanna lantern hangs from the point you drop: it swings and turns in the breeze, its tail sways, and its candle is off by day and on at dusk and at night, or set it in the panel. Give it a course and it leans as it is carried.โคมอีกสามแบบแขวนแบบเดียวกัน มีเทียนแบบเดียวกัน: โคมผัด เมื่อจุดเทียน โครงข้างในหมุน เงาตัวคนและสัตว์ที่ตัดจากกระดาษวิ่งรอบโคม โคมดาว และโคมบัว ส่วนโคมถือ คือเด็กหญิงชูโคมด้วยด้ามถือ ให้เส้นทางเธอแล้วเธอจะเดินถือโคมไป
Three more lanterns hang the same way, with the same candle: the khom phat, whose inner frame turns while its candle burns so the shadows of paper-cut people and animals go round it; the star lantern; and the lotus lantern. The khom thue is a girl holding a lantern up on its handle: give her a course and she walks with it.วงดนตรีล้านนา: สะล้อ ซึง ปี่จุม และพิณเปี๊ยะ แต่ละอันมีคนเล่นนั่งขัดสมาธิ เล่นตามจังหวะของหนัง วางสองสามคนใกล้กันเป็นวง คนเล่นนั่งอยู่กับที่ ไม่เดิน
The band of the north: the salo, the sueng, the pi chum and the phin phia, each with a player who sits cross-legged and plays on the film's beat. Put two or three side by side for a band. A player sits still; it does not walk.ตุงไส้หมูคือธงเล็กหลายชั้นบนไม้เดียว ปักในเจดีย์ทรายตอนสงกรานต์ ตุงใยคือด้ายถักเป็นใยแมงมุมแขวนจากเสาสูง ทั้งสองไหวตามลม รถแดงของเชียงใหม่มีคนนั่งสามคน ให้เส้นทางมันแล้วล้อจะหมุนไปตามทาง ในชิ้นฉากมีหลองข้าว ยุ้งข้าวไม้บนเสาสูงที่มีเสวียนใส่ข้าว และเสวียนหนึ่งใบ
The tung sai mu is little flags in tiers on one stick, planted in the sand pagodas at Songkran; the tung yai is thread woven like a spider's web, hung from a tall pole. Both flutter in the wind. Chiang Mai's red truck carries three riders: give it a course and its wheels turn as it drives. Among the set pieces are the long khao, a rice granary of timber on tall posts with its sawian baskets, and one sawian on its own.แตะสิ่งใดบนจอเพื่อเลือก กรอบสีแดงล้อมสิ่งที่เลือก และแผงทางขวาแสดงสิ่งที่เปลี่ยนได้ แตะที่ว่างเพื่อเลิกเลือก
Tap anything on the stage to select it: a red frame marks it, and the panel on the right shows what can be changed. Tap an empty spot to unselect.ลบสิ่งที่เลือกด้วยปุ่ม Delete บนคีย์บอร์ด หรือปุ่ม 🗑️ ในแผง
Remove what is selected with the Delete key, or the 🗑️ button in the panel.เครื่องมือเหนือจอ: ✋ เลือกและย้าย ลากสิ่งใดก็ได้ไปที่ใหม่ ทั้งเส้นทางของมันย้ายตามไปด้วย และปุ่มลูกศรขยับสิ่งที่เลือกทีละ 10 (กด Shift ค้าง ทีละ 50) 📍 เส้นทาง คือแบบปกติ: การลากคือจุดถัดไปของเส้นทาง (ข้อ 2)
The tools above the stage: ✋ select & move picks any sprite up and carries it, its whole course along with it, and the arrow keys nudge the selected one by 10 (hold Shift for 50). 📍 course is the usual way: a drag is the next point of a course (part 2).ซูม: ปุ่ม 🔍+ และ 🔍− ที่มุมขวาเหนือจอขยายและย่อจอ หรือกด Ctrl ค้างแล้วหมุนล้อเมาส์ตรงจุดที่อยากดู เมื่อขยายแล้ว ลากที่ว่างบนจอเพื่อเลื่อนดู ↺ พอดีจอ กลับมาเต็มจอ
Zoom: 🔍+ and 🔍− at the right above the stage zoom in and out, or hold Ctrl and roll the mouse wheel over the spot you want to see. Zoomed in, drag empty stage to look around; ↺ fit returns to the whole stage.แถบล่างคือเวลาของหนัง เส้นแดงคือวินาทีที่กำลังดู ลากหรือแตะบนแถบเพื่อเลื่อนเวลา
เมื่อวางตัวละคร กล่องถามว่าเริ่มที่วินาทีไหน ลากตัวละครไปที่ใหม่: นั่นคือจุดถัดไปบนเส้นทางของมัน และกล่องถามว่าถึงจุดนั้นที่วินาทีไหน จุดใหม่มาหลังจุดสุดท้ายเสมอ และเวลาของจุดต้องมากขึ้นเรื่อย ๆ: ใส่เลขน้อยกว่าจุดก่อน กล่องจะเลื่อนให้เอง ตัวละครเดินตามเส้นโค้งเรียบผ่านทุกจุดเอง ผ่านจุดกลางทางโดยไม่หยุด หันหน้าไปทางที่เดิน และหยุดที่จุดสุดท้าย อยากให้พักกลางทาง ให้วางจุดถัดไปที่เดิมในวินาทีที่จะออกเดินต่อ เส้นประบนจอคือเส้นทาง จุดสีทองคือจุดที่วินาทีนี้ ลากตัวละครขณะที่เวลาอยู่ที่จุดหนึ่งพอดีคือย้ายจุดนั้น
The bar at the bottom is the film's time; the red line is the second you are looking at. Drag or tap on the bar to move it. When you drop a character, a box asks which second it starts at. Drag the character somewhere else: that is the next point of its course, and a box asks which second it arrives there. A new point always comes after the last one, and the seconds only go up: a number lower than the point before is raised for you. The character walks a smooth curve through its points by itself, passing the ones in between without stopping, faces the way it goes, and stops at the last one. For a rest on the way, put the next point at the same place, at the second it walks on. The dotted line on the stage is the course; the gold dot is the point at this second. Dragging while the time sits exactly on a point moves that point.วิธีที่ง่ายกว่า: เลือกตัวละครแล้วกด ✏️ วาดเส้นทาง ในแผง แถบสีแดงบนจอบอกว่าเปิดอยู่ จากนั้นแตะบนจอทีละจุด: แต่ละจุดอยู่ถัดจากจุดก่อนตามช่วงที่ตั้ง (2 วินาที) จุดมีเลขและวินาทีกำกับ กด ✓ เสร็จ หรือ Esc เมื่อพอ
The easier way: select the figure and press ✏️ path in the panel. A red bar across the stage says it is on. Then tap the stage once per point: each point comes the set gap (2 seconds) after the one before, and the points are numbered with their second. Press ✓ done or Esc when you have enough.ในแผงทางขวา รายการ "จุดบนเส้นทาง" คือตัวจัดการจุด: แตะ 📍 เพื่อไปที่จุดนั้น แก้วินาทีในช่อง (อยู่ระหว่างจุดข้างเคียงเสมอ) กด ✕ เพื่อลบจุด หรือ "ลบจุดสุดท้าย" จะลบหลายจุดพร้อมกัน: ติ๊กช่องหน้าแถวของจุดที่ไม่ต้องการ (จุดที่ติ๊กมีวงแดงบนจอ) แล้วกด 🗑️ ลบจุดที่เลือก หรือปุ่ม Delete แถวในแถบเวลาแสดงจุดของแต่ละตัว แตะจุดในแถบเพื่อกระโดดไปวินาทีนั้น หมา ไก่ นก พญานาค และมังกรก็มีเส้นทางได้เหมือนกัน
In the panel, "points of the course" is the point manager: 📍 goes to a point, the box changes its second (always between its neighbours), ✕ deletes it, and "remove last point" undoes the newest. To delete several at once, tick the box at the start of each row you do not want (a ticked point gets a red ring on the stage), then press 🗑️ delete the ticked points, or the Delete key. Each mover has a row on the time bar; tap a dot there to jump to that second. The dog, the rooster, the birds, the Naga and the dragon take courses too.เลือกคนแล้วเลื่อน "ขนาด" และเลือก "ความรู้สึก" เก้าแบบ: เฉย ๆ ดีใจ หัวเราะ เศร้า กังวล โกรธ ง่วง อิ่ม และประหลาดใจ ซึ่งเปลี่ยนทั้งหน้าและท่าของตัว หมา ไก่ พญานาค มังกร มอม พญาลวง และควายลากเกวียนก็มีความรู้สึกด้วย เลือกได้ทั้งในแผงทางขวา และในแถบเหนือตัวที่เพิ่งใส่ และเปลี่ยนได้ที่แต่ละจุดบนเส้นทาง (ตั้งแต่จุดนั้นไป) ท่าทางมีห้าแบบ: ปกติ (เดินเมื่อมีเส้นทาง ยืนเมื่อถึง) โบกมือ ไหว้ นั่ง และร้องเพลง ทุกคนเต้นตามจังหวะเพลงของหนังอยู่แล้ว
Select a sprite to set its size: the slider, the square handle at its top-right corner on the stage (drag it out to grow, in to shrink), or Alt and the mouse wheel over the stage. A person also has a feeling, one of nine: neutral, happy, laughing, sad, concerned, angry, sleepy, satiated and surprised; each changes the face and how the body is carried. The dog, the rooster, the Naga, the dragon, the Mom, the Luang and the ox cart's buffalo have feelings too. Pick it in the panel, or in the bar over a person or creature just put in; and a point of the course can change it from there on (its row in the panel, or the box that opens when the point is placed). Five poses: normal (walks on a course, stands when there), wave, wai, sit, and sing. Everyone keeps the beat of the film by themselves.สี: เลือกส่วนก่อน (เสื้อ ขา/ซิ่น ผิว; พญานาค: ตัว ท้อง หงอน ปาก; มังกร: ตัว จุด ท้อง ไฟ แผงคอ ไข่มุก) แล้วแตะสีในจานสี หรือเลือกสีใดก็ได้จากช่องสีข้าง ๆ "คืนสีเดิม" กลับไปสีของชุดวาด
Colours: pick a part first (shirt, legs or sin, skin; the Naga: body, belly, crest, mouth; the dragon: body, spots, belly, flame, mane, pearls), then tap a swatch, or choose any colour in the box beside them. "Reset" returns to the kit's own colours.หน้า ผม รูปร่าง: ในแผงของคน เลือกหน้า (ตามชุด หรือหน้าไทย) ผม (มวยสูง มวยต่ำ มวยกลางหัว หรือผมสั้น) และรูปร่าง (ผอม หรืออ้วน) แยกกันได้ ผู้ชายหรือผู้หญิงก็ได้ทุกแบบ
Face, hair, body: in a person's panel, choose the face (as drawn, or a Thai face), the hair (a high bun, a low knot, a knot on top, or short) and the body (slim or fat), each apart, for a man or a woman alike.ป้ายชื่อเรื่อง เต็มจอในช่วงเวลาของมัน: บรรทัดใหญ่กับบรรทัดเล็ก ตั้งแต่วินาทีไหนถึงวินาทีไหน คำบรรยาย คือคำใต้ภาพในช่วงเวลาของมัน คำพูด และ ความคิด คือฟองเหนือหัวของคนหนึ่ง: ฟองพูดมีหางชี้ลงที่หัว ฟองคิดเป็นก้อนเมฆมีฟองเล็ก ๆ เลือกคนได้ในแผง หรือกด 💬 พูด / 💭 คิด ในแผงของคนนั้น ข้อความถูกสร้างที่วินาทีที่กำลังดู ยาวสามวินาที แล้วแก้ในแผงทางขวา แถบสีบนแถบเวลาคือข้อความ แตะเพื่อเลือก
A title card fills the screen during its time: a big line and a small line, from one second to another. A subtitle is words under the picture during its time. A speech or a thought is a bubble over one person's head: a speech bubble has a tail that points at the head, a thought bubble is a cloud with little puffs. Pick the person in the panel, or press 💬 says / 💭 thinks in that person's panel; the bubble keeps over them as they walk. A text starts at the second you are looking at, lasts three seconds, and is edited in the panel. The coloured bars on the time bar are the texts; tap one to select it.บทพูดทุกตอน แสดงข้อความทุกตอนเรียงตามเวลา แตะตอนไหนก็แก้ตอนนั้น "ตอนถัดไป" เพิ่มตอนใหม่ต่อจากตอนสุดท้าย และกล่อง "หลายตอนทีเดียว" ทำหลายตอนจากบรรทัดที่พิมพ์: บรรทัดละตอน บรรทัดใหญ่ | บรรทัดเล็ก ตอนละกี่วินาทีก็ตั้งได้ ต่อกันไปเรื่อย ๆ บรรทัดที่ขึ้นต้นด้วย = คือป้ายชื่อเรื่อง ในแผงของตอนหนึ่งมีปุ่มไปตอนก่อน ตอนถัดไป และเพิ่มตอนใหม่ต่อจากตอนนี้
"The script" lists every passage in time order; tap one to edit it. "Next passage" adds one after the last, and the "many at once" box makes a run of passages from typed lines: one passage per line, big | small, each the same number of seconds, one after another; a line that starts with = is a title card. A passage's own panel has previous, next, and a new passage after this one.🔊 อ่านออกเสียง ข้างความยาวของหนัง: ติ๊กแล้วกดเล่น คำบรรยายและคำพูดในฟองจะถูกอ่านออกเสียงเมื่อถึงเวลาของมัน (บรรทัดใหญ่ ความคิดไม่อ่าน) ด้วยเสียงที่เลือกในช่องข้าง ๆ: เสียงคำเมืองถ้ามีส่วนขยาย Kam Mueang Voice ใน Chrome ไม่อย่างนั้นเสียงไทยของเบราว์เซอร์ ไม่มีเสียงไทยก็เงียบ
🔊 Read aloud, beside the film's length: tick it and press play, and each subtitle and speech bubble is read aloud as its time comes (its big line; a thought is not said), in the voice chosen beside it: a Kam Mueang voice when Chrome has the Kam Mueang Voice extension, otherwise the browser's Thai voice; with no Thai voice it stays silent.ฉากหลังมีสองพวก พวกแรกคือเนินเขาสีเขียวสามเวลา กลางวัน เย็น กลางคืน เมฆลอยไปเองทั้งเรื่อง ก้อนใกล้ใหญ่และเร็ว ก้อนไกลเล็ก ช้า และจางลงในระยะไกล พวกที่สองคือภาพวาดทั้งภาพ เช่น นาข้าว แม่น้ำ ดอย น้ำตก หมู่บ้าน ตลาด และคืนยี่เป็ง แตะรูปเล็กเพื่อเลือก ภาพพวกนี้มีท้องฟ้าของตัวเอง และเมฆในภาพไม่ลอย ชิ้นฉาก (บ้าน ต้นไม้ มะพร้าว กล้วย วัด ยักษ์ และต้นไม้ที่ออกดอกออกผล เช่น ต้นลำไย ต้นราชพฤกษ์) อยู่นิ่ง ลากเพื่อย้าย คนที่ยืนต่ำกว่าบนจอจะอยู่หน้ากว่า
Two kinds of backdrop. The first is the green hills at three hours: day, dusk, night. Their clouds drift by themselves all film long: near ones big and quick, far ones small, slow and faded with distance. The second is whole painted pictures, such as rice fields, a river, a mountain, a waterfall, a village, a market and the night of Yi Peng: tap a small picture to choose it. A picture has its own sky, and the clouds in it do not drift. Set pieces (house, tree, palm, banana, temple, yak, and the trees in flower or fruit, such as a longan or a golden shower tree) stand still; drag one to move it. Whoever stands lower on the stage is drawn in front.มังกรบินเข้าหาและออกจากจอ: เลือกมังกร แต่ละจุดบนเส้นทางมีแถบเลื่อน ไกล–ใกล้ ไกลคือตัวเล็ก จาง และอยู่หลังทุกคน ใกล้คือตัวใหญ่และอยู่หน้าสุด ตั้งจุดแรกไกลและจุดท้ายใกล้ มันจะบินเข้ามาหาเรา
The dragon flies toward and away from the screen: select it, and each point of its course has a far–near slider. Far is small, faint and behind everyone; near is big and in front of them all. Set the first point far and the last near and it flies in at you.▶ เล่นหนังวนไป ⏮ กลับไปต้นเรื่อง "ความยาว" ตั้งความยาวของหนังเป็นวินาที
📜 ดูโค้ด: หนังทั้งเรื่องเป็นหน้าเว็บหนึ่งหน้า เขียนด้วยชุดวาดการ์ตูนล้านนา สิ่งที่เห็นบนจอคือโค้ดนี้ที่กำลังรันอยู่ ดาวน์โหลดเป็นไฟล์ .html เปิดในเบราว์เซอร์ก็เล่นได้ หรือทำเป็นไฟล์วิดีโอด้วย render.py ของชุดวาด
🎥 บันทึกวิดีโอ: เบราว์เซอร์วาดหนังทีละภาพตั้งแต่ต้นจนจบ แล้วให้ดาวน์โหลดเป็นไฟล์ .mp4 ที่มือถือเปิดได้ (เบราว์เซอร์รุ่นเก่าบันทึกจอขณะหนังเล่นเป็นไฟล์ .webm) กดปุ่มเดิมอีกครั้งเพื่อหยุดก่อน
▶ plays the film in a loop, ⏮ goes to the start, and "duration" sets the film's length in seconds. Code: the whole film as one web page, written with the Lanna cartoon kit; what you see on the stage is this code running. Download it as .html and open it in a browser, or make a video file with the kit's render.py. Video: the browser draws the film a frame at a time from start to end and saves it as an .mp4 file a phone plays (an older browser records the stage while the film plays, as a .webm file); press the same button again to stop early.ทุกอย่างบนจอวาดด้วย oldcartoon.js ชุดวาดการ์ตูนล้านนา หน้า การ์ตูนล้านนาที่ทำด้วยโค้ด เล่าเรื่องหนังหนึ่งนาทีที่ทำด้วยมัน อธิบายชุดวาด และสอนเขียนหนังเองทีละขั้น โค้ดที่หน้านี้สร้างให้คือหนังแบบเดียวกัน
Everything on the stage is drawn by oldcartoon.js, the Lanna cartoon kit. The page A Lanna cartoon made in code tells the story of the one-minute film made with it, explains the kit, and teaches writing a film by hand, step by step. The code this page writes for you is a film of that same kind.กด 🤖 ให้ AI สร้าง เล่าเรื่องสั้น ๆ ใส่ที่อยู่ API โมเดล และคีย์ (OpenAI หรือบริการที่พูด API แบบเดียวกัน เช่น Ollama บนเครื่องของคุณ) แล้วกด สร้างหนัง โมเดลตอบเป็นข้อมูลของหน้านี้ หน้านี้ตรวจทุกชื่อและทุกตัวเลขก่อนวาด แล้วคุณแก้ต่อได้เหมือนหนังที่ทำเอง ไม่มีคีย์ก็ได้: คัดลอกคำสั่ง ไปถามโมเดลไหนก็ได้ แล้ววางคำตอบ JSON กลับมา
Press 🤖, tell a short story, give the API address, model and key (OpenAI, or any service with the same API, such as Ollama on your own computer), and press make. The model answers with this page's data; the page checks every name and number before drawing, and you can edit the result like any film. Without a key: copy the instructions, ask any model, and paste its JSON answer back.จากบรรทัดคำสั่ง หรือจากเอเจนต์: film.py รับหนังเป็น JSON แบบเดียวกัน แล้วให้หน้านี้ตรวจและเขียนโค้ด ออกมาเป็นหน้าเว็บ ภาพนิ่ง และวิดีโอ SKILL.md บอกเอเจนต์ AI ว่าใช้มันอย่างไร
From the command line, or from an AI agent: film.py takes the same JSON, has this page check it and write the code, and gives a page, stills and a video. SKILL.md tells an agent how to use it.เอเจนต์เขียนโค้ด (Claude Code, Codex, OpenCode) ทำการ์ตูนได้เองทั้งเรื่อง ถ้ามีสกิล: ไฟล์คำแนะนำที่บอกว่าใช้เครื่องมือนี้อย่างไร วิธีต่อ:
pip install playwright, Chrome และ ffmpegpython film.py skill claude_code (หรือ codex หรือ opencode) มันคัดลอก SKILL.md ไปไว้ในโฟลเดอร์สกิลของเอเจนต์นั้น: ~/.claude/skills/lanna-cartoon/ สำหรับ Claude Code, ~/.agents/skills/lanna-cartoon/ สำหรับ Codex และ OpenCode ในโปรเจกต์ Claude Code ยังอ่าน .claude/skills/ ด้วยpip install playwright, Chrome and ffmpeg; run python film.py skill claude_code (or codex, or opencode), which copies SKILL.md into that agent's skills folder, ~/.claude/skills/lanna-cartoon/ for Claude Code and ~/.agents/skills/lanna-cartoon/ for Codex and OpenCode (in a project, Claude Code also reads .claude/skills/); start the agent again and say "make a cartoon of ...". The agent reads the skill, asks this page for the vocabulary, writes the film as JSON, looks at stills, fixes, and renders the video.
หนังที่เกินกว่า JSON จะบอกได้ เช่น กล้องที่เคลื่อน หรือผ้าที่ทอรูปคน เอเจนต์เขียนเองเป็นหน้าของชุดวาด ตามที่ การ์ตูนล้านนาที่ทำด้วยโค้ด สอน แล้วเรนเดอร์ด้วย render.py: หน้านี้กับสกิลทำแบบนั้นมาแล้วกับหนังเรื่องหนึ่ง
A film beyond what the JSON can say, such as a camera that moves or a cloth woven with figures, the agent writes by hand as a page of the kit, as the Lanna cartoon page teaches, and renders with render.py; this page's skill has made one such film already.งานของคุณถูกเก็บในเบราว์เซอร์นี้เองทุกครั้งที่เปลี่ยน ปิดแล้วเปิดใหม่ก็ยังอยู่ ✨ ตัวอย่าง โหลดหนังตัวอย่างมาแก้ต่อ 🔄 เริ่มใหม่ ล้างทุกอย่างกลับไปเหมือนตอนเปิดหน้าครั้งแรก: หนัง เวลา สิ่งที่เลือก โหมดเส้นทาง เครื่องมือ การซูม แผงทางขวา สีที่เลือก และแผ่นคู่มือ โค้ด และโมเดล กับสิ่งที่พิมพ์ไว้ในนั้น ถามสองครั้งก่อนทำ
Your work is kept in this browser every time it changes, and is still there after you close the page. Example loads a sample film to change. Reset puts everything back as it was when the page first opened: the film, the time, the selection, path mode and the tool; it asks twice first.render.py ของชุดวาดทำเป็นไฟล์วิดีโอ
ไฟล์ที่ดาวน์โหลดมีชุดวาดอยู่ข้างในด้วย จึงเล่นได้โดยไม่ต้องใช้อินเทอร์เน็ต และวาดเหมือนเดิมตลอดไป
The whole film as one page. Save it as .html and open it; or render it with the kit's render.py.
The downloaded file carries the kit inside it, so it plays with no internet and draws the same for good;
the code shown here loads the kit from the site.