Cocos creator 3.x develops RPG games from scratch (character map materials, joystick control of character movement, and scene obstacle judgment)

I have been lying down recently and haven’t done much writing about games. I have used NovelAi to burn the graphics card and draw girls. I used an RPG game I developed before to write a simple tutorial and short article. The approximate effect is as follows: The main contents of this article are as […]

nipplejs.js joystick control panel

NippleJs is a js library for virtual joysticks. It is designed to provide interfaces for touch-enabled devices. It is often used in games and apps or web pages that can operate hardware devices. In a 3D scene built using Threejs, use nippleJs to control character walking and camera following functions. The effect is as shown […]

[Raspberry Pi course design] Raspberry Pi-based drawing board (opencv+mediapipe+stm32+joystick)

System introduction The drawing board based on Raspberry Pi uses opencv + mediapipe to control the gesture recognition to make paintings, and can also complete the painting through the joystick. Since the gpio of the Raspberry Pi does not support ADC, the stm32 completes the ADC conversion of the joystick through the serial port. Data […]

Use the JoyStick library in Threejs to implement the gamepad to control the movement and orientation of the characters

Personal homepage: Zuo Ben Web3D, for more case previews, please click ==》Online Cases Personal profile: focus on Web3D using ThreeJS to achieve 3D effect skills and learning cases Accumulate steps and even thousands of miles, pay tribute to everyone who loves to learn. If you like it, please keep repeating. If you have any questions, […]

QT implements radar chart and joystick chart

Article directory QT Radar Chart and Joystick Chart rocker chart radar chart Joystick chart code introduction Radar chart code introduction Note: QT radar chart and rocker chart Hello everyone, I uploaded a resource (used to cheat points) before, but there are no renderings and blog posts corresponding to it, so everyone should dare not download […]

Android realizes the joystick operation and obtains the direction of the joystick

<FrameLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:id=”@ + id/container” android:layout_width=”match_parent” android:layout_height=”match_parent”> <ImageView android:id=”@ + id/joystick” android:layout_width=”100dp” android:layout_height=”100dp” android:layout_gravity=”center_horizontal|bottom” android:layout_marginBottom=”50dp” android:background=”@drawable/click_item”/> </FrameLayout> <?xml version=”1.0″ encoding=”utf-8″?> <layer-list xmlns:android=”http://schemas.android.com/apk/res/android”> <item> <shape android:shape=”oval”> <solid android:color=”#66000000″ /> </shape> </item> <item> <shape android:shape=”oval”> <solid android:color=”@android:color/transparent” /> <stroke android:width=”2dp” android:color=”@android:color/black” /> </shape> </item> </layer-list> The first is the layout file and the item of the control […]

CH579 ADC collects analog joystick data

CH579 Introduction Chip Overview: CH579M is an ARM core 32-bit microcontroller integrated with BLE wireless communication. The chip integrates a low-power Bluetooth BLE communication module, Ethernet controller and transceiver, full-speed USB host and device controller and transceiver, segment LCD driver module, ADC, touch key detection module, RTC and other rich peripheral resources . Chip block […]

3. Fabric.js Joystick

This article can be followed by the above… Change joystick style function addSVGDraw() {<!– –> fabric.loadSVGFromURL(VACUUM_PUMPS, (objects, options) => {<!– –> let oImg = fabric.util.groupSVGElements(objects, options); oImg.scaleToWidth(200); oImg.set({<!– –> left: 300, top: 300, // the style of the box column transparentCorners: false, // when true, the object’s control corners are rendered transparent internally (ie strokes […]