簡単かつ迅速に作る様々なイメージエフェクト!
ggangcoding162118
JavaScriptとCSSで散らばった画像を1つの画像に仕上げるさまざまなパターンの画像エフェクトに沿って作成し、ランダムに表示されるように処理します。
初級
JavaScript, HTML/CSS, Interactive Web
Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業!
受講生 373名
難易度 初級
受講期間 無制限
学習した受講者のレビュー
5.0
이거사면공부할까?
興味深く繰り返しのコードを使用することで、クラスの概念と配列とオブジェクト管理の理解がさらに高まったことをお勧めします。 一応他よりゲームを作ると思うので講義を聞き続けたくなっておすすめ
5.0
박박하다
インタラクションに興味があって聞くようになりましたが、難しいjsのオブジェクトとクラス、配列、繰り返し文などを簡単に面白く解いて理解が上手になったと思います! 私は二度繰り返し作り、学んだ概念を活用して私だけのゲームを作っていきます。 良い川のありがとう〜!
5.0
jinuLee
講義のおかげで、さまざまな機能と実装方法がわかりました。何よりもObject、Classの概念をしっかりとつかむことができました。この理由は、1つだけ聞くのに十分です:D良い講義ありがとうございます。
ゲームを作成し、自然にWebアニメーション、インタラクティブWeb実装の原理を習得!
ゲームも作って、FEウェブ開発スキルも身につけて!
Webゲームプレイビデオ
最近の作業プロジェクト
様々なモーションを作ってみて!
キーに反応するヒーローの様々な動作やモンスター、修理剣、ダメージエフェクトなど様々なモーションを作ってみます。

集まるモンスターを防ぎなさい!
衝突機能を実装して集まるモンスターを防ぐゲームステージを実装してみます。無限に繰り返されるステージを作成し、開発者が直接指定する2つのゲームステージを作成してみます。

NPCと会話を交わしてクエスト遂行!
ゲームクエストを作成し、NPCと会話する機能を作成します。そしてクエストを完了すると報酬を受けます。

レベルアップとヒーローステータス調整!
ヒーローの体力と経験値を管理してレベルアップ機能を作り、ヒーローのステータスも変更してみます。

52強約9時間分の充実したカリキュラム!
以下で確認してください。
学習対象は
誰でしょう?
UI/UXに興味のある方々!
特別なポートフォリオを作りたいと思う就学生の方々!
Webアニメーション!インタラクションに興味のある方!
様々なフロントエンドスキルを学びたい方!
スキルを増やして年俸上げたい方々!
前提知識、
必要でしょうか?
JAVASCRIPT、CSS、HTML
1,345
受講生
79
受講レビュー
163
回答
4.7
講座評価
3
講座
こんにちは。バックエンドエンジニアからスタートし、フロントエンドエンジニアに転向してUI開発に夢中になっているカンコーディング(Kkang-Coding)です。 :)
10年余りの間、多数の企業サイトやショッピングモール、SI、小規模事業者向けのホームページ制作を通じて培ってきたUI/UX制作技法のノウハウなどを共有するために、この講義を始めることになりました。国内の様々な大企業のプロジェクトを経験し、小規模事業者に焦点を当てたホームページ制作事業も行ってきました。
私は時折、国内のコーディング関連コミュニティで、趣味で作ったApple風のインタラクションや創作インタラクションを共有し、面白い技術を紹介してきました。
多くの方々に関心を持っていただき、このように講義まで作ることになりました。
私が制作していく講座では、標準ブラウザを考慮し、実務で使用可能な、思わず感嘆の声が漏れるような多様で素晴らしいインタラクションやモーショングラフィックスの制作方法をお教えする予定です。また、フロントエンド開発者やウェブパブリッシャーがソリューションを利用して、ホームページやショッピングモールなどをゼロから構築できる講座も制作する予定です。
それでは授業で お会いしましょう :)
全体
55件 ∙ (8時間 54分)
講座資料(こうぎしりょう):
1. ゲームプレイ動画を見る
02:12
2. フォルダ構造、注意事項
01:25
4. ゲーム基本設定
11:29
5. キャラクター基本モーション作成
12:16
7. 画像の事前読み込み技法
03:41
8. キャラクターを移動させる
08:38
9. キャラクター位置取得
11:35
10. 手裏剣を画面に追加
13:46
11. 手裏剣を動かす
12:19
13. 手裏剣方向転換処理
08:42
15. ゲーム背景作成、背景移動処理
16:17
17. セクション1 バグ修正
06:10
18. モンスター作り
06:06
19. モンスタークラス生成
04:50
23. 全モンスター配列処理
04:39
24. モンスターを消すこと
08:48
27. ゲーム情報インターフェース作成
07:03
32. ダメージ確率変更
06:26
全体
26件
4.7
26件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
5
興味深く繰り返しのコードを使用することで、クラスの概念と配列とオブジェクト管理の理解がさらに高まったことをお勧めします。 一応他よりゲームを作ると思うので講義を聞き続けたくなっておすすめ
こんにちは:) 大切な受講評 ありがとうございます。 ^^..
受講レビュー 2
∙
平均評価 3.0
5
インタラクションに興味があって聞くようになりましたが、難しいjsのオブジェクトとクラス、配列、繰り返し文などを簡単に面白く解いて理解が上手になったと思います! 私は二度繰り返し作り、学んだ概念を活用して私だけのゲームを作っていきます。 良い川のありがとう〜!
こんにちは:) ジュンギュ 機能実装の質問を投稿して覚えていたのですが、一人で解決しましたね :) おめでとうございます。大切な受講評価ありがとうございます:)
受講レビュー 6
∙
平均評価 4.7
5
講義のおかげで、さまざまな機能と実装方法がわかりました。何よりもObject、Classの概念をしっかりとつかむことができました。この理由は、1つだけ聞くのに十分です:D良い講義ありがとうございます。
こんにちは:) 助けてくれて嬉しいです!大切な受講評 ありがとうございます。明けましておめでとうございます^_^
受講レビュー 7
∙
平均評価 5.0
5
インフラストラクチャでインタラクティブWebを作成する講義をたくさん聞きましたが、本当にたくさんの有益で役に立ちます!講義時間も良く、内容も本当にいいですね!良い講義ありがとうございます。私もたくさん訓練して後で誰かに役立つ講義を作りたくなりますね! 2022年明けましておめでとうございます!
こんにちは :) 新年からこんなに気持ち良くなる文を見るようになり、一方では心が重いですが、一方では大変でとても嬉しいですね:) ありがとうございます。明けましておめでとうございます。
受講レビュー 7
∙
平均評価 5.0
5
フレンドリーで段階的な講義が際立っています!〜 あえていいよ
こんにちは:) 助けてくれて嬉しいです!大切な受講評価ありがとうございます:D
¥10,819
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!