takara2314 / nenga2021

紙の年賀状の文面に印刷されているQRコードを読み取ると、ARによる演出を楽しめるWebページです。

Home Page:https://nenga2021.2314.tk/ar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

📝 たからーん年賀状AR 2021

紙の年賀状の文面に印刷されているQRコードを読み取ると、ARによる演出を楽しめるWebページです。 紙の年賀状じゃ物足りない…!今年の年賀状は意外な物にしたい!という思いから製作しました。

https://nenga2021.2314.tk/ar

(iOS/iPadOSの方はSafariからアクセスしてください)

🎞 動作映像

https://twitter.com/takara2314/status/1344963015372808194

📮 ARマーカー付きの年賀状(文面)

この年賀状をPCで映すか、印刷し、スマホでQRコードを読み取ってみましょう! https://github.com/takara2314/nenga2021/blob/master/Nenga_2021_Sample.png

📚 使用ライブラリ(フレームワーク)

ライブラリ名
フロントエンド AR.js, Three.js
バックエンド Gin

💻 インフラ

Google App Engine

📈 ARマーカー

以下のARマーカーを使用しています。

patternRatio: 0.85

https://github.com/takara2314/nenga2021/blob/master/Nenga_2021_QRcode.png

✏ 補足

丑の3Dモデル以外は、Blenderを用いて自分でモデリングしました。

丑のモデル: https://creazilla.com/ja/nodes/3177-3d-model

https://i.gyazo.com/c0b5ebfcfdabdfa321276e699accd447.png

About

紙の年賀状の文面に印刷されているQRコードを読み取ると、ARによる演出を楽しめるWebページです。

https://nenga2021.2314.tk/ar

License:MIT License


Languages

Language:JavaScript 91.7%Language:Go 4.4%Language:CSS 2.1%Language:HTML 1.8%