-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
5181a34
commit c03979f
Showing
34 changed files
with
2,482 additions
and
2,228 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,217 +1,58 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<link rel="stylesheet" href="dist/country-flag.css" /> | ||
<script src="dist/country-flag.js"></script> | ||
</head> | ||
<body> | ||
<h1>✔️ CHEN QIANGPAN's Learning Zone and Web Playground ✔️ </h1> | ||
|
||
|
||
|
||
|
||
<h3 style="color: rgb(63, 161, 218)">🏊♂️GO🏊♂️</h3> | ||
<p> | ||
<a href="src/index.html">LET US GO</a> | ||
</p> | ||
|
||
<h3 style="color: rgb(63, 161, 218)">🏊♂️I Love Swim🏊♂️</h3> | ||
<p> | ||
<a href="swim.html">Swim 2🏊♂️0🏊♂️2🏊♂️2🏊♂️ Progress</a> | ||
</p> | ||
|
||
<h3 style="color: rgb(63, 161, 218)">Learn Blender</h3> | ||
<p> | ||
<a href="blender.html">Blender learn progress</a> | ||
</p> | ||
|
||
<h3 style="color: rgb(6, 196, 63)"> 🕹️ Make Games 🎮 🎲 </h3> | ||
<p> | ||
<a href="GameDev/Unity_Inventory.html">Unity Inventory System</a> | ||
</p> | ||
<p> | ||
<a href="GameDev/DoTween.html">Unity DoTween Plugin</a> | ||
</p> | ||
<p> | ||
<a href="GameDev/GGJ2022.html">Global Game Jam 2022 Progress</a> | ||
</p> | ||
|
||
<h3 style="color: rgb(224, 165, 2)">🐓 Learn French 🐓</h3> | ||
|
||
<p> | ||
<a href="learnfrench_day1.html">Day1 (2022/2/3) : Pre French Lesson Notes</a> | ||
</p> | ||
<p> | ||
<a href="learnfrench_day2.html">Day2 (2022/2/9) : First French Lesson Notes</a> | ||
</p> <p> | ||
<a href="learnfrench_day3.html">Day3 (2022/2/15) : Second French Lesson Notes</a> | ||
</p><p> | ||
<a href="learnfrench_day4.html">Day4 (2022/2/22) : Third French Lesson Notes</a> | ||
</p> | ||
|
||
<h3 style="color: rgb(255, 80, 0)">Learn Something (🌐Tech!⌨️) Everyday : 180 Days</h3> | ||
|
||
<p> | ||
<a href="day_1.html">Day1 (2022/1/19) : Make some lines and buttons </a> | ||
</p> | ||
|
||
<p> | ||
<a href="day2_Unity_RollingCube.html" | ||
>Day2 (2022/1/20/) : Upload a sample Unity project in web player</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day_3_randomcolor.html" | ||
>Day3 (2022/1/21) : Random color, Hide and Show,with JQuery</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day_4_react.html" | ||
>Day4 (2022/1/22) : Create a Tic Tac Toe with React</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day5_vue_demo.html" | ||
>Day5 (2022/1/23) : Create some samples with Vue</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day6_remember_me.html" | ||
>Day6 (2022/1/24) : WebStorage Local, with Vue</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day7_progressionbar.html" | ||
>Day7 (2022/1/25) : Progression bar, record personal goal, compare with | ||
year progress</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day8_bootstrap_try.html" | ||
>Day8 (2022/1/26) : Try some Bootstrap widget, using CSS animation</a | ||
> | ||
</p> | ||
<p> | ||
<a href="day9_todolist_Vue.html" | ||
>Day9 (2022/1/27) : To do list with Vue</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day10_javascript_async.html" | ||
>Day10 (2022/1/28) :Loop and Interval with Javascript</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="https://cqpflaskherokusample.herokuapp.com/cf" | ||
>Day11 (2022/1/29) : Celsius Fahrenheit Converter: Python + Flask + Google App Engine (app engine website DOWN, deployed to Heroku)</a | ||
> | ||
</p> | ||
|
||
|
||
<p> | ||
<a href="day12_weather.html" | ||
>Day12 (2022/1/30) :Open Weather API</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day13_IP_Country.html" | ||
>Day13 (2022/1/31) :Show IP, Country Name and Flag</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day14_CheckPrimeNumber.html" | ||
>Day14 (2022/2/1) : Input a Number and Check If it's a Prime Number</a | ||
> | ||
</p> | ||
|
||
<p> | ||
|
||
Day15 (2022/2/2) : Google Cloud Datastore (website DOWN) | ||
</p> | ||
|
||
<p> | ||
<a href="day16_Google_translate.html" | ||
>Day16 (2022/2/3) : Google Translate </a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="day17_DjangoDiary.html" | ||
>Day17 (2022/2/4) : Django + Python based Diary (Localhost) </a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="https://secure-crag-35583.herokuapp.com/" | ||
>Day18 (2022/2/5) : Python + Django + Heroku, Diary (web)</a | ||
> | ||
</p> | ||
|
||
<p> | ||
<a href="https://cqpflaskherokusample.herokuapp.com/index" | ||
>Day19 (2022/2/6) : Python + Flask + Heroku</a | ||
> | ||
</p> | ||
<p> | ||
<a href="https://cqpherokudocker.herokuapp.com/" | ||
>Day20 (2022/2/7) : Heroku + Flask => Docker</a | ||
> | ||
</p> | ||
|
||
<p> | ||
Day21 (2022/2/8) : Djongo Polls project | ||
</p> | ||
|
||
<p> | ||
|
||
<a href="day22_createimage.html" | ||
>Day22 (2022/2/9) : Random Pictures</a | ||
> | ||
</p> | ||
|
||
<p> | ||
|
||
<a href="day23_minispelling.html" | ||
>Day23 (2022/2/12) : Mini Spelling</a | ||
> | ||
</p> | ||
|
||
<p> | ||
|
||
Day24 (2022/2/14) : Mini Phrase (phrase sandbox) | ||
</p> | ||
|
||
<p> | ||
|
||
<a href="cqpfirstangular/404.html">Day25 (2022/2/15) : Angular, CLi, run start, router, data binding </a | ||
> | ||
</p> | ||
|
||
<p> | ||
|
||
<a href="cqpfirstangular/404.html">Day26 (2022/2/16) : Angular, To Do List </a | ||
> | ||
</p> | ||
|
||
<p> | ||
|
||
<a href="https://webapplication120220218220336.azurewebsites.net/">Day27 (2022/2/18) : First ASP.NET website Deploy </a | ||
> | ||
</p> | ||
|
||
<p><a href="logs.html">Diaries and logs</a></p> | ||
|
||
|
||
|
||
</body> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Game Feel Resources</title> | ||
<link rel="stylesheet" href="styles.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<h1 id="site-title">Game Feel Resources</h1> | ||
<nav> | ||
<ul> | ||
<li><a href="#" id="nav-videos">Videos</a></li> | ||
<li><a href="#" id="nav-articles">Articles</a></li> | ||
<li><a href="#" id="nav-demos">Demos</a></li> | ||
<li><a href="#" id="nav-about">About</a></li> | ||
</ul> | ||
</nav> | ||
<input type="text" id="search" placeholder="Search by keyword..."> | ||
</header> | ||
<main class="container"> | ||
<section class="category" id="videos"> | ||
<h2>Videos</h2> | ||
<div id="video-container"> | ||
<!-- Videos will be loaded here by JavaScript --> | ||
</div> | ||
<button id="load-more-videos" style="display: none;">Load More</button> | ||
</section> | ||
<section class="category" id="articles" style="display: none;"> | ||
<h2>Articles</h2> | ||
<div class="article"> | ||
<h3>Designing Game Feel: A Survey</h3> | ||
<iframe src="https://arxiv.org/pdf/2011.09201" width="100%" height="500px" frameborder="0"></iframe> | ||
</div> | ||
</section> | ||
<section class="category" id="demos" style="display: none;"> | ||
<h2>Demos</h2> | ||
<div class="demo"> | ||
<h3>Platform shooter, by Sébastien Benard</h3> | ||
<iframe src="https://deepnight.net/games/game-feel/" width="100%" height="500px" frameborder="0"></iframe> | ||
</div> | ||
</section> | ||
<section class="category" id="about" style="display: none;"> | ||
<h2>About This Website</h2> | ||
<p>This website is a collection of game feel resources, including videos, articles, and demos. My goal is to provide a comprehensive database for game designers and players to explore and learn about game feel.</p> | ||
<p>Follow me on social media:</p> | ||
<a href="https://x.com/chenzhuo" target="_blank"> | ||
<img src="/img/twitter_icon.png" alt="Twitter" width="32" height="32"> | ||
</a> | ||
<a href="https://www.linkedin.com/in/chenqiangpan/" target="_blank"> | ||
<img src="/img/linkedin_icon.webp" alt="LinkedIn" width="32" height="32"> | ||
</a> | ||
</section> | ||
</main> | ||
<script src="script.js"></script> | ||
</body> | ||
</html> |
Oops, something went wrong.