Code Monkey home page Code Monkey logo

celeste's Introduction

English

celeste 蔚蓝经典平台跳跃游戏

  • Aseprite软件设计像素美术
  • Ldtk软件编辑关卡
  • 加载关卡
  • 角色跳跃
  • 角色冲刺及动画
  • 角色爬墙和蹬墙跳
  • 角色死亡重生及动画特效
  • 角色头发飘逸效果
  • 弹簧、雪堆、陷阱、木架
  • 天气效果
  • 相机跟随角色
  • 游戏ui
  • WASM支持

在线游玩:点这里(电脑版Chrome/Firefox/Edge打开)

运行

  1. 本地运行
cargo run
  1. WASM运行
rustup target install wasm32-unknown-unknown
cargo install wasm-server-runner
cargo run --target wasm32-unknown-unknown --features bevy_ecs_ldtk/atlas
cargo install wasm-bindgen-cli
cargo build --release --target wasm32-unknown-unknown --features bevy_ecs_ldtk/atlas
wasm-bindgen --out-dir ./out/ --target web ./target/wasm32-unknown-unknown/release/celeste.wasm

控制

  • A D 移动
  • K 跳跃
  • J 冲刺

游戏展示

视频演示:B站

感谢

  • @littlekite 添加天气效果

参考

问题

1.像素完美 (Pixel Perfect) 是什么意思?

指确保像素图像在不同分辨率下始终保持锐利清晰,并在运动中保持稳定,在Bevy中通过ImagePlugin::default_nearest()设置。

参考

2.常见角色控制有哪些方式?

  1. 通过Transform组件直接指定角色坐标
  2. 通过设置RigidBody刚体组件,利用物理引擎(力、速度、加速度等)控制角色
  3. 通过CharacterController来控制角色,它不受物理(如重力)限制,会自动处理碰撞检测,移动,跳跃等,可以很方便地实现在各种复杂地形中运动
  4. 通过为角色添加NavMesh Agent组件并使用导航网格系统来实现角色的自动寻路和移动
  5. 通过为角色添加Animator组件并使用动画系统来实现角色的移动、旋转和动作
  6. 通过编写自定义脚本来实现角色的移动、旋转和碰撞

参考

celeste's People

Contributors

lewiszlw avatar littlekite avatar

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.