Giter Club home page Giter Club logo

cookieanimation's Introduction

Hello World! 🎺🐸

I'm tsmami (つまみ, trpfrog).

I am conducting research on natural language processing using deep learning at the University of Electro-Communications (Undergraduate School). As a hobby, I also engage in web development (React/Next.js).

Top Langs

Links

  • trpfrog.net - My personal website built with Next.js.
  • Portfolio - A portfolio to showcase my work.
  • Blog - A blog that features articles on web technology, walking, and travel.
  • Twitter - My Twitter account. I post a lot about otaku hobbies.

cookieanimation's People

Contributors

croute-pillow avatar trpfrog avatar

Stargazers

 avatar

Watchers

 avatar  avatar

cookieanimation's Issues

集中線を描画する関数の作成

クッキーの周りをくるくる回る集中線を描画する関数を作りましょう

Todo

  • 集中線を描画する関数を作る
    • 集中線の頂点集合を作り塗りつぶす→後からグラデーション?
    • 極座標を使って描画、特定のθの範囲では塗らない→後からグラデーション?
      • そもそも極座標を使って描画ってできるの?
      • でも x=rcosθ, y=rsinθ でなんか式変形すればxy直交座標でもなんとかなりそう?
  • レイヤを回転する関数を作成
  • 集中線のレイヤを2つ作り逆向きにくるくる回す

落ちるクッキーの描画

落ちるクッキーの描画関数を作りましょう。

Todo

  • 小さいクッキーを任意の位置に描画する関数を作成
  • 等速で落ちるようにする
  • 大量のクッキーを管理して描画する関数を作る
    • ヒント: 余りを使えば範囲外に出てもまた上から落とし直せます

Challenge

  • 落とすクッキーの種類を増やす

クッキーカウンタの作成

クッキーの数のカウンタを描画する関数を作ります。

設計図

スクリーンショット 2020-02-11 15 08 42

Todo

  • 文字を描画する関数を作る
    • "0"
    • "1"
    • "2"
    • "3"
    • "4"
    • "5"
    • "6"
    • "7"
    • "8"
    • "9"
    • "cookies"
    • ","
  • 数字を入れるとその通り描画する関数を作る

カーソルの作成

クッキーの周りを回るカーソルを描画する関数を作りましょう。

Todo

  • カーソルの頂点集合からカーソル(単体)を描画する関数を作る
  • カーソルの描画する個数を決定する
  • カーソルを複数描画して円状にしたレイヤを作る
  • レイヤを回す関数を作る
    • ヒント:線形変換をする関数を作ったので回転行列を使えばいけそう

Challenge

  • カーソルのクリックする様子を再現する

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.