Meplay Ground

Showcasing works about demos or components generated by a free mind, doing it with ❤️

Table of content

• 3D effects

  • Throw Dice: An threejs effect of throwing dice.

  • A wandering fly effect in a 3d world

• Components

  • ContactIndex: A be-like wechat contact index made with canvas.

  • Keyboard: A web virtual Keyboard

• Features

  • A feature of recognizing text in an image

Roadmap

brainstorming...

[WIP] A chinese keyboard on web browser

[] An interactive and easy-to-copy-and-add earth (3d effect and component)

[] A component to display a super big image instantly

[WIP] A web component of text stroke with animation

Ideas

If you have any good ideas/implements, feel free to shot me with your wonderful work by making a PR or an issue, or contact me directly with email(luyaoyejeren@gmail.com)

Run locally

Install

• pnpm i

Run Homepage

• pnpm hp dev

Create an app

• with vite

pnpm create vite apps/<folder-name>

• with next

  pnpm create next-app apps/<folder-name>

  Issue: The next version in the package.json generated by this command is 13.2.3, which leads to a running problem.

  So, it's better creating next app router project with yarn or npx

  yarn create next-app apps/<folder-name>