Tag：Small ball
-
Luogu topic: find out the defective products
T130870 find defective products Topic background Title Description Given a string of balls, one of them is a defective product (the defective product will be lighter). The normal small ball is represented by 1 and the defective small ball is represented by 0. It is required to find out the number of the defective small […]
-
Android Development (18) — custom loading animation (1): greedy loading animation
Contents of this section 1. Introduction to demo 2. Analyze the size scale of greedy animation 3. Draw a circle 4. Realize the animation of opening and closing mouth 5. Small ball movement animation 1、 Introduction to demo 1. The effect is shown in the figure below. I cut three moments, but in fact, this […]
-
CSS3 to achieve bouncing ball animation
I usually like to visit the special pages of major websites or product release pages, because I can see a lot of cool page effects. The material of this case comes from the release page of Baidu browser, and the next case “chameleon animation” comes from Baidu browser. Although I am a loyal user of […]
-
25. QT quick qml-500 lines of code to realize “synthetic watermelon game”
The game “synthetic watermelon” was very popular years ago. It was also popular on microblog search. Recently, it has been played for a while, which is very interesting. Therefore, I studied the principle of small ball collision and wrote the collision algorithm myself to realize a synthetic watermelon game It also supports any size layout. […]
-
Weekly point canvas animation – speed and acceleration (2)
In the previous section, we introduced the basic concepts of speed, includingVelocity along the axis, and more pervasiveVelocity in any direction, at the end of the article, we made an exampleMouse followAnd by changing the shape of the objectrotationProperty makes an extension on speed. Through the study in the previous section, you will find that […]
-
Weekly canvas animation – angle rebound
Point canvas animation code file every week In the previous section, we introduced the advanced coordinate rotation method. We only need to know the position of the object. By setting the angular velocity of each frame, we can use the formula newX = x*cos – y*sin; newY = y*cos + x*sin; You can calculate the […]
-
Lesson 68 of web front end – new features of H5: Canvas case (scratch music, small ball animation, seamless picture scrolling)
1. Scrape music Case Objective: using canvas binding events to simulate a simple scraping program. Case idea: introduce the winning or not background picture on the canvas, and then cover the coating on the picture when the mouse clicks And wipe the coating on the path when moving to display the winning information. Main events: […]
-
A big wave of flutter cool animation
preface Realizing UI and interaction is a necessary skill for front-end developers, and it is also the key point to master the development of flutter. When I study flutter, I have realized several cool UI special effects that are common on clients. Although I use flutter to make native wheels, the cross platform characteristics of […]
-
Use canvas to simulate free fall movement to cool desktop background story
1、 At the beginning of the story, I want a ball Objective: to make a free falling ball with canvas. The ball is elastic. Junior high school physics had gravity, remember the height,speedGravity, gravityaccelerationIf the ball is elastic, it will rebound. So use canvas to simulate an experimental scene, Build HTML template, initialize canvas and […]
-
JavaScript animation example: exploding ball
1. Exploding balls Define a ball object class ball, which has six attributes: center coordinate (x, y), radius of the ball, fill color color, horizontal change of the center coordinate speedx, and vertical change of the center coordinate speedy. The ball class defines two methods: draw() to draw the ball and update() to change the […]
-
Step by step realization of nest particle effect
This article first appeared on my blog. This is my GitHub. Welcome to star. this blog is imitation nest.js Implement ademoFrom simple to complex, step by step. Here is the preview of the effect. There are many other front-end ones in my GitHubdemoYou can order it if you likestarYour support is my motivation. Start […]
-
How does scratch make the animation that the ball rebounds and changes color when it meets the boundary?
Scratch 3.0 can create a small ball character and add scripts to make it move continuously. When it meets the edge, it will rebound and change color to form an animation. How to make this effect? Let’s take a look at the detailed tutorial. Software name: Scratch 3.0 offline Edition (children programming software) offline editor […]