Skip to content

A PLAY EXPERIENCE MAKER'S WORK LOG FOR FUTURE SELF©2001 – 2023 Kyle Li 李肅綱 All Rights Reserved.

Category: Uncategorized

Exploring Panorama drawing with Grease Pencil in Blender 2.8

Posted on May 22, 2019May 27, 2019 by admin

Recently I saw a process video of putting together a panoramic 3D Chemical laboratory. It was the backdrop of a children’s game about the table of elements called Tablecraft. The cool thing about this video is that it starts with a rough 360 concept sketch and fades into a fully modelled 3D environment. It is a fine example of a potential dev pipeline for VR world building.

The game designer said his artist worked magic in Blender and make the 360 panoramic sketch quickly. It screamed the new Grease Pencil tool in Blender 2.8 to me. I then found a recent tutorial by Jama Jurabaev on how to create a 360 panorama view using the Grease Pencil tool in Blender 2.8.

A preview of the tutorial:

MR Mechanic Study: FC ドラゴンボール Card Game Mechanic

Posted on March 26, 2019June 26, 2019 by admin

I played ドラゴンボール 大魔王復活 when I was a kid and I was impressed by the card battle mechanic in the game. It was a brilliant idea to bring some strategic thinkings into dice rolling which is usually just pure randomness. I didn’t fully understand how it works because it felt like there were more than just comparing numbers on cards. The mechanic evolved over 6 Dragonball games on Famicom and then was carried over to Super Famicom. I missed old animes that were made into RPG games back in the days such as Saint Seiya, Jo Jo’s Bizzard Journey, and Dragonball. All of them had become fighting games in their recent video game adaptations. Looking back to those old RPG games, I really appreciated all the efforts went into telling a complex story with so few pixels.

ドラゴンボール 大魔王復活
wikipedia

128KB PRG + 128KB CHR
Card Design

カード

普段プレイヤーは5枚カードを持っており、このカードを使ってゲームを進めることとなる。各カードの上にはドラゴンボールをモチーフにした星、中央には戦闘時の攻撃手段、下には漢数字が書かれている。

  • 星(1〜7)- フィールド上では移動力で、この星の数だけ悟空が移動できる。バトル時は攻撃権兼攻撃力を意味する。詳しくは後述のバトルを参照。
  • 攻撃手段 – 後述のバトルを参照。
  • 漢数字(一〜九)- 防御力。もし敵に攻撃されても、この数値が高ければ回避できたり傷が少なくてすむ。

ドラゴンボール3 悟空伝
wikipedia

128KB PRG + 256KB CHR
Card Design

戦闘(カードバトル)

戦闘はカードで行われる。星の数(1〜7)で攻撃力、漢数字(一〜七)で防御力が決まる。星の数が高い方が攻撃権を取るが、こちらが1で相手が7の場合はこちらが攻撃権を取る。中心の漢字「拳」「蹴」「体」「武」「連」「必」によって攻撃パターンが決まる。「必」と書かれたカードを使うと必殺技ポイントを消費し必殺技を繰り出せる。敵に勝利すると修行値が貰え、一定の値になるとレベルアップし体力や必殺技ポイントが増えたりスピード、パワー、テクニック、タフネスを高めるレベルポイントが得られたり、新たな必殺技が覚えられる。レベルの上限はストーリーの進行具合によって決められている。敵を倒すと、その敵が持っていたアイテムを獲得できるときがある。

ドラゴンボールZ 強襲サイヤ人
wikipedia

256KB PRG + 256KB CHR
Card Design

戦闘(カードバトル)

戦闘はカードを使って行われる。星の数で(1 – Z)が攻撃力、漢数字(一 – Z)で防御力が決まる。またカードに書かれている流派と各キャラクターに設定された流派が一致すると攻撃力がアップする。「必」と書かれたカードを使うと、BEを消費して必殺技を繰り出せる。2体以上の敵キャラクターへの攻撃はキャラクターごとに設定するが、複数のキャラクターが1体の敵キャラクターを倒してしまうと。他のキャラクターはそのターンの間行動しない。敵に勝利すると経験値としてBPが貰え、一定の値になるとレベルアップ。キャラクターはHPが4分の1になると苦痛の顔に変わり、0になると死亡する(名前の横に十字架のようなマークがつく)。死亡した仲間を復活させるチャンスは、ゲーム内の特定のイベント一回きりである(ガーリックJr.編終了時の悟空復活イベント時に合わせて復活するため、終盤のベジータ・ナッパ編では復活不可能)。

ドラゴンボールZII 激神フリーザ!!
wikipedia

256KB PRG + 256KB CHR
Card Design

戦闘(カードバトル)

戦闘はカードで行われる星の数で(1 – Z)が攻撃力、漢数字(一 – Z)で防御力が決まり、攻撃は漢数字の多い順に行われる。カードの流派と各キャラクターの流派が一致すると、強力な「複合攻撃」や敵全員を攻撃する「複数攻撃」ができる。「必」と書かれたカードを使うと、BE(バトルエネルギー)を消費して必殺技を繰り出せる。必殺技には敵全体を攻撃するものもある。キャラクターはHPが29[3]以下になると、顔の上に「ピンチ!」の文字が点滅し[4]、0になると回復効果のあるおたすけカードを使って全快しない限り戦闘に参加できなくなる。前作とは違い死亡扱いではなく一時離脱扱いとなるため、回復さえできればいつでも復活可能。敵に勝利すると経験値としてBP(バトルポイント=戦闘力)が貰え、一定の値になるとレベルアップ。サイヤ人である悟空、悟飯、ベジータは、瀕死の状態から一気に全快するとレベルアップする。前作にあった「神」流派カードは本作には登場しない。

ドラゴンボールZIII 烈戦人造人間
wikipedia

256KB PRG + 256KB CHR
Card Design

戦闘(カードバトル)

今作では3Dと2Dバトルの2種類に別れる。基本的に戦闘はカードで行われる星の数で(1 – Z)が攻撃力が決まる。敵に勝利すると経験値が貰え、一定の値になるとレベルアップ。またサイヤ人(悟空、悟飯、ベジータ、トランクス)は、戦闘中HPが1桁や戦闘不能になったときに仙豆などで一気に全回復すると、レベルアップする特性を持つ。

3Dバトル戦闘に参加するメンバー3人と、控えているメンバーとで、敵との戦闘が展開される。引いたカードの右下のマークにより様々な効果が起こる。戦闘中に敵が放つ必殺技は、画面上のキャラクターに「!」マークが出ると同時に十字キーの上を押すことによって2分の1の確率で回避できるというテクニックがある(技の命中が確定のときは、双方のキャラクターのカットインが入る)が、ボス戦ではこれが不可。ランダムではね返したりはね返されることはある。またオートバトル時やサブメンバーは、ステータス画面でのオート設定によって「わざをつかうな」「よわいテキから」「とにかくオート」「おおわざでいけ」の4つの戦い方を選択できる。マップでの移動画面でスタートボタンとセレクトボタンを同時に押すと、常に2D戦闘にするか、あるいは3D戦闘にするか、といった選択も可能(ボスキャラクターとの戦闘は必ず3D戦闘になる)。

必殺技カードに書かれている流派と、そのキャラクターの流派が一致したカードを選ぶと、KI(気)を消費して必殺技を出すことができる。KIを練ることで1ターン無防備状態となるが、次のターンでより強力な技を出すことができるようになる。

2Dバトル戦闘に参加するメンバーのみで戦う簡略化されるバトル。主に(CPUが)弱いと判断した敵に対して展開される。※フィールド移動中にスタートとセレクトボタンを押すことによって設定が可能。

ドラゴンボールZ外伝 サイヤ人絶滅計画
wikipedia

256KB PRG + 256KB CHR
Card Design

戦闘

カードを数枚選んで行う。使用可能な枚数はストーリーの進行に従い増加する。前作までの流派ではなく、「拳」「蹴」など。「Z」は好きなものに変化させることが可能。 星の数と文字により、攻撃力および攻撃方法が決まる。アレンジメントを完成させることで必殺技が発動し、初めて使った技には各キャラクターのコメントが入る。敵の必殺技は、当たる寸前にAボタンまたはBボタンを押すことで、弾くまたはかわすことができる(巨大な光線技はかわすのみ)。ただし味方の必殺技も同様に敵に無効化されることがあり、ザコ敵は一部の技を吸収することも可能。前作では裏技的扱いだった光弾を弾くコマンドを説明書に載せたのはプレイヤーに戦闘を見せるだけでなく、参加させるためである[。

[SFC]ドラゴンボールZ 超サイヤ伝説
wikipedia

バトルカード

キャラクターが戦闘を行うときに使用するカードで、「星(1 – Z)」「漢数字(一 – Z)」「流派」の3つの要素から構成される。「星」は攻撃力、「漢数字」は防御力に対応しており、数が多いほど効果が高くなる。本作における「流派」は「神」「魔」「界」「惑」「特戦隊」「超」と、特別な効果を持つ「気」「必」と全7種があり、カードに書かれた流派とキャラクターの流派が一致するとそのターンの攻撃が強化される(敵が複数いる場合は全体攻撃、1体しかいない場合は攻撃力を上昇させる)。また、流派「必」のカードを選ぶとKI(気)を消費して各種の必殺技を繰り出せる(KIが不足している場合は必殺技を選ぶことができず、打撃攻撃を行う。なお必殺技のほとんどは「エネルギー波」など、気功波系による通常打撃攻撃よりも威力が高い強化攻撃であるが、例外もあり「太陽拳」のように対象相手の行動を1ターン封じる(お助けカード「じいちゃん」と同等)補助技もある。

ドラゴンボール 大魔王復活
ドラゴンボール3 悟空伝
ドラゴンボールZ・強襲サイヤ人
ドラゴンボールZII 激神フリーザ!!
ドラゴンボールZIII 烈戦人造人間
ドラゴンボールZ外伝 サイヤ人絶滅計画

ドラゴンボールのファミコンゲーム 7本
DBゲーム攻略本
Bootgod

SADA Visit Parsons 2017

Posted on December 9, 2017December 9, 2017 by admin

Shanghai Art and Design Academy (SADA) has visited us for the 2nd time! Besides formal meetings on possible collaborations between the two schools, I designed a condensed workshop on conservation UX/UI design for their students. With the support of my dear teaching assistants, Chiehping and Qihui, we are able to eliminate coding completely and focus on storyboarding, designing, testing, and iterating in the workshop. They visited my thesis class and had some “meaningful” exchanges there, and they also participated NYC Media Lab’s Explore Future Reality conference and had a blast there too. We also invited Wei Wei, our dear friend from Bell Labs, to round up their action-packed 4 days with a sincere but Michael Bay style talk (lots of mind explosions). The ending was emotional and mixed with slow internet, hot pizzas, soda pops, and some passive-aggressive chatbots… That’s it! Thanks for visiting us, I will see you all on wechat!

Pikachu attack!

Posted on February 22, 2017May 22, 2017 by admin

Got a Battle-Ready Pikachu a while ago, opened it up many times and was fascinated by the internal design. There might be budget reason involved because the trigger that sends the foam disc into the shooting mechanism was not motorized. The player has to pull Pikachu’s left ear which connects to a leveler that pushes the foam disc out. The desire to mod it had grown stronger in my head, finally found time for it. First thing first, replace the ear trigger with a servo. I 3D printed a servo mount and connected the servo handle to the leveler. It worked out nicely.

ezgif-1-b2e3783b34

Next, use a motor shield to take over the motor for shooting mechanism as well.

I adopted this tutorial on Adafruit.com and switched the tech base to feather LE Bluetooth. I was looking for a LE platform that is easy to work with. By that I meant less low-level coding for the sake of rapid prototyping. Everything worked out in 1 try, can’t ask more than this.

I am now playing with Adafruit’s controller app and trying to make an app myself so I can incorporating voice control in the future. Who doesn’t want to make “Pikachu, I choose you!” and “Pikachu, attack!” a reality! I might also switch the tech base to Raspberry Pi, since I already have a working voice controlled platform built up on it.

Fabcafe Tokyo 2016 Bonenkai

Posted on December 12, 2016August 2, 2017 by admin

Last week I was invited to judge an influential maker competitions in Tokyo. Recently, I have been pushing meaningful content creation in VR/AR/MR at Parsons and trying to emphasis coding as a way of digital fabrication, and advocate for code support across the school. This trip has further confirmed these ideas on an international level. Thanks so much for having me!!

I arrived two days earlier and participated Fabcafe Tokyo’s 2016 Bonenkai as one of the speakers. Each of us get to pick 4 words that inform the future of making. It was a fun, inspiring, and highly informative night with a community of great makers based in Tokyo – Hiroya Tanaka from Keio University, Pieter Franken who founded Safecast, Tim Wong from Fabcafe Taipei, and many more.

The four words that I came up with were “IoT”, “Holodeck”, “Zero GUI”, and “Mixed Intelligent”. Here are reasons behind choosing these words based on my fading memories:

IoT: with all the new, modular, prototype driven IoT kits available in the market right now, it makes it easier to incorporate new functionalities into one’s making. Makers can achieve high-level of wireless connectivity and interactions without in-depth knowledge in electronics.

Holodeck: Inspired by Star Trek and the recent success of Tilt Brush by Google, the idea of virtual makerspace is finally coming to live. With a proper pipeline that connects the digital and physical making, the holodeck could bring the embodied making to the next level.

Zero GUI: This is a follow up to the Holodeck idea, in order to bring the virtual and embodied making experience to the level where the quality of outcome is ensured, we as makers would have to reinvent the way we interact with digital tools, especially in an immersive digital space where the tradition understanding of UX/UI has become obsolete.

Mixed Intelligence: Many of the digital fabrication pipelines today, makers are collaborating with computer algorithms in one way or another. This idea of writing instructions and have the 3rd party (humans or machines) execute or visualize these instructions can be traced back to Sol Lewitt’s drawing series in late 1960s. With all the advancement in Artificial Intelligence, or works done around bio art with living tissues, the idea of collaborating with other types of intelligence in the process of making will be a norm in the future of making.

I also spent 2 hours in Akihabara and it completed the trip for me.

MR Mechanic Study: Frog Life – Tongue Controller

Posted on April 28, 2016August 12, 2021 by Kyle Li

“Comfortably lying on a couch in any position you want, stripping a Cardboard VR on your face, bearing your arms behind your head, and let your tongue take over all the snapping, just like a hungry frog boss.”

Here comes my next experiment. The tongue controller is already working, the player has to reach his/her tongue out and touch the controller, and it will register a hit in the game. The feedback, SFX and Visual, has to be satisfying to make it a worthwhile experience.

model

Makey Makey Go is able to simulate a touch easily with just 1 contact (capacitive touch), in this case, it is the player’s tongue. This setup will require a USB adaptor from Makey Makey Go to the android phone.

vr

[2020] The Frogworld VR on Steam will be a perfect game for this interface.
https://store.steampowered.com/app/1379350/Frogworld/

VR Pokemon Battle: Wild Fulu Monkey (野生福祿猴)

Posted on March 22, 2016August 2, 2017 by admin

The design of the main lantern of this year’s Taiwan Lantern Festival has gone viral on Taiwanese social media recently. The comments were mostly negative in the beginning due to the over-all provocative aesthetic that is drastically different from the previous main lanterns. It was courageous for the designer to risk for a chance of innovation but it seems like his artist side took over the design process and left the audience stunned with a poorly executed piece that traditionally designed to represent high craftsmanship and aesthetic in Taiwan.

AAEAAQAAAAAAAAWfAAAAJGU1NDk0MWIyLTZhODYtNDEwYy05OTgzLTM3M2VjYWQ5YmRmOA

↑ a collage of fan made images involved the Fulu Monkey

However, Fulu Monkey, the name of the main lantern character, has raised from the negative energy and become a star. When I saw it for the first time, I thought, design wise, it might fail as a main lantern piece for the festival, but the character design was interesting. It instantly reminded me Pokemon, and I finally found some time to put together this small Google Carboard experience that let players battle Fulu Monkey from the point of view of Pikachu. This is not a complete game, and it doesn’t have an ending to it. You can zap Fulu Monkey to your heart’s content in this little play experience. So have fun!

Made with Unity 3D and Google Cardboard. Ash 3D model is originally made by MMDSATOSHI for MMD. I ported it into Unity 3D and applied free mecanim animations on it. I built Fulu Monkey myself with simple blendshapes motions. Background music is from Pokemon X/Y. The forest is from the Unity asset store. This is a personal project as a prove of concept, not meant for commercial use. You will need a Google Cardboard to fully enjoy the VR experience.

Zap play footage:

https://www.facebook.com/kanyangli/videos/10153905008883745/

Download the VR Pokemon Battle: Wild Fulu Monkey Android Apk here:

https://goo.gl/ACxZAb

icon

 

MR Mechanic Study: DIY VR Cardboard Experiment

Posted on March 6, 2016June 26, 2019 by Kyle Li

I am experimenting with designing my own Google Cardboard, and possibly using for BFADT promotion. I need a simple, 1-sheet, and custom designed solution for the Google Cardboard, so I can brand it with Parsons BFADT and hand them out at design week. 04/30/2016 This mostly not going to happen, but I will make this anyway into promotional material for our program and the new minor.

Are the optics used in Google Cardboard the same one used in the paper binocular telescope? YES. (objective lens-convex lens) I ordered one and it works perfectly! 3X Magnification, 25 mm Lenses give about 3 inches focal length.

組合式紙製望遠鏡


http://kingdarling.blogspot.com/2013/02/3d.html#comment-form
This is a very cheap way to get VR optics, 12 sets for $26 on eBay, could be even cheaper on taobao.com.

First Attempt:
My first attempt creating a prototype with a sheet of cardstock paper and our newly invested Cricut Air. The template I used is inspired by VRSHEET. I found out about it after reading the magazine バーチャルリアリティで二次元へ行ける本, and love the idea of a 1-sheet VR. The initial experiment was a modification of their sample template with improved support that will lock the phone in place with a rubber band.

* It is not completely cut through with the given setting due to the thickness of the cardstock paper. I am going to try double-cut in my next attempt. Otherwise, with some cleaning up, the quality looks great. Most importantly after putting in the lens, it works beautifully.

Precedents & Reference:
xReality (週刊朝日Mook)
Monoscopic VR Viewer by ハコスコ:

http://www.amazon.co.jp/dp/4022770236

バーチャルリアリティで二次元へ行ける本
1-sheet solution for Google Cardboard, the sheet also include a QR ring:

http://www.amazon.co.jp/dp/4908542007
https://www.cs-reporters.com/vr/pashalovr/

VRSHEET
1-sheet solution for Google Cardboard:

http://snaris.com/vr/vrs.html
http://snaris.com/vr/img/document-vrs.pdf
http://snaris.com/vr/img/vrs/VRS-sample.pdf

Different Google Cardboard Designs:
(Google Cardboard + NFC) Cardboard Object:

[VR] Pokemon Battle: Wild Fusho Monkey

Posted on February 20, 2016October 19, 2016 by Kyle Li

The design of the main lantern of this year’s Taiwan Lantern Festival, Fusho Monkey, has gone viral on Taiwanese social media. The comments are mostly negative due to the weird aesthetic that are drastically different from the previous main lanterns. It was courageous for the designer behind the new lantern to risk for innovation, but it seems like his artist side took over the design process and left the audience stunned with a poorly executed piece that supposed to represent the highest craftsmanship and appreciation for aesthetic in Taiwan.

inpiration-board

Fusho Monkey has become the subject of fan arts. When I saw it for the first time, I thought the design failed as a main lantern for the prominent Taiwan Lantern Festival, but the character is interesting. It instantly reminded me of Pokemon, and I finally found some time to put together this small Google Carboard experience that allows players battle Fusho Monkey as Pikachu and Satoshi (Ash). This is not a complete game!! You can zap Fusho Monkey to your heart’s content in this little play.

Made with Unity 3D and Google Cardboard. Ash 3D model is originally made by MMDSATOSHI for MMD and was ported into Unity 3D and applied mecanim animations on it. I built Fusho Monkey myself with simple blendshapes motions. Background music is from Pokemon X/Y. The forest is from the Unity asset store. This is a personal project as a prove of concept, not meant for commercial use. You will need a Google Cardboard to fully enjoy the VR experience.

Download the Android Apk:
Workshop-Icon-Template_0000s_0000_Edit-me-and-save
https://goo.gl/ACxZAb

VR Pokemon Battle: Wild Fusho Monkey Screenshots:
Untitled-2_0000_Layer-11
Untitled-2_0001_Layer-6

Saint Seiya Eraser Battle Toy X

Posted on April 21, 2015June 17, 2026 by Kyle Li
聖鬥士 世紀擂台爭霸戰

This vintage eraser figure playset (聖鬥士世紀擂台爭霸戰) brought back a lot of my childhood memories. I used to collect those eraser capsule toys and battle them with my classmates in elementary school. There is a diagram on the right picture above shows how to play the game with robber miniatures. When the play pull the stick, the miniatures also spins. Nintendo Famicom didn’t come out till my 4th grade, so before I went digital I had great fun with these toys. Out of the capsule, Phoenix Ikki is the strongest because of his wide spread tails. However, after people realized the gestures of these eraser toys can be modified with hot water or a lighter, it didn’t matter anymore. Anyway, I’ve been wanted to re-design this playset and print the pieces out with 3D printer.

I try to look for the playset every now and them. I am pretty sure this battle playset is Taiwan only. I have been a faithful Ebay and Japanese Yahoo auction buyer since 2001 and I haven’t seen the Japanese version of this playset. A good friend of mine dug up the above pictures from his archive and gave them to me and that is all I have. During the research, I’ve discovered a few deluxe playsets for Saint Seiya by Bandai and few other DragonBall Z and MEGA Bloks Power Rangers playsets that had adopted the battle mechanism.

saintSeiya
聖闘士星矢 サンクチュアリーバトル バンダイ
バトルステージシリーズ スカイステージ
バトルステージシリーズ マリンステージ
バトルステージシリーズ ランドステージ
universe-playset-big
DRAGONBALL Z UNIVERSE PLAYSET : Open-out gladatorial arena for Dragonball Z figures (Europe only), 1989
Claw-Battlezord-vs-Mooger-Power-Rangers-Samurai-Mega
MEGA BLOKS POWER RANGERS CLAW BATTLEZORD VS. MOOGER, 2014
Dragon Ball Super Spin Battlers, 2017
Akedo Ultimate Arcade Warriors, 2021

Other search terms: 七龍珠 格鬥擂台, 戰鬥擂台

Posts navigation

Older posts
Newer posts

Recent Posts

  • AI: You are _____ correct.
  • 英傑大戦 PL084 Rem (レム)
  • (no title)
  • BMP – Rearrange Colormap
  • Reset Allow USB Debugging? Notification

Archives

Proudly powered by WordPress | Theme: MiniZen by Martin Stehle.