使用aws academy資源的Elastic Beanstalk服務建立WebAR教學

這篇教學是給使用AWS學術教學資源,透過AWS Elastic Beanstalk服務建立WebAR,也就是使用網頁就可以做到的SLAM AR服務所寫的教學,當然如果你有商業用的AWS帳號,只要能使用Elastic Beanstalk也能夠用相同的方法建立WebAR,只是就不需要前面登入學術帳號的步驟,可以跳到步驟11看。本教學分兩個部分,最前面是以已經完成WebAR內容後[配置AWS Elastic Beanstalk服務]的教學,第二部分是[製作WebAR基礎入門教學]。本篇教學建立時間為2023/5/8,未來平台或作法可能會有變化的話~在自行應變囉。

Read more »

HTML5案例觀摩 (四)各式近期HTML5案例選

  本篇將會將小樽第一堂課的課程中,針對目前HTML5可以做到哪些效果的案例,將剩下的案例一次寫完,不再獨篇介紹,如果往後有其他補充小樽再另開新文章。

RA RA RIOT—網址在此,這個作品一開始會要輸入一個名字,可以隨便打,按下Enter以後他會隨著音樂的播放,讓你可以控制滑鼠並展現出華麗的筆刷效果,同時他也是個小遊戲,吃畫面上的藍點會加分並且累積一些視覺效果,吃到紅色的則反,最後會結算你的成績~而要你輸入的名字也就是讓你登錄分數可用,附帶補充以前有一個小樽介紹過的效果很類似的Flash,提供比較參考。

(image)

BallDroppings網址在此,這個效果在以前的JavaScript也可以做到只是現在有canvas標籤就可以很容易的發布在網頁上,使用方法是你可以在螢幕上畫線,左方掉落出來的點就會因為你畫的線而產生反彈,依照不同的線所敲擊出來的聲音也不一樣,並可在畫面下方改變球的掉落速率和重力參數。 Read more »