• [interview skills] n common skills of using CSS to realize triangles


    In some aspects, you can often see that there is a topic about CSSHow to draw triangles using CSS, and the usual answers are usually drawn using border. With the development of CSS today, there are many interesting ways to draw triangles only using CSS. This article will list them in detail. Through this article, […]

  • Summary of how Android implements triangle bubble effect


    During the development process, we may often encounter such requirement styles: This picture is a pop-up box for intercepting JD news notification. We can see that there is a triangular bubble effect at the top right. This is only one of them. The directions of the triangle can also be up, down, left and right. […]

  • C language programming c language to determine the type of triangle!


    According to the three sides of the input triangle to determine the type of triangle, and output its area and type.   Algorithmic thinking First, judge whether the sum of two sides is greater than the third side. If it is greater than the third side, judge whether it can form a triangle. Then judge […]

  • Summary of triangle bubble effect in Android


    In the development process, we may often encounter such requirement styles: This picture is a pop-up box for intercepting Jingdong’s message notification. We can see the bubble effect of a triangle on the top right. This is just one of them. The direction of the triangle can also be up, down, left and right. Through […]

  • 100 cases of C language programming (31): total permutation problem


    Case 31     Total permutation problem Title Description The output of natural number 1 to n all non repetitive permutation, that is, the total permutation of N, requires that any number sequence generated by the repeated number is not allowed. Input format n(1≤n≤9) Output format A sequence of all non repeating numbers consisting of […]

  • UE4 / Unity: basic elements of map drawing — surface and volume


    preface Drawing map basic element line based on UE4 / Unity (Part 1) Drawing map basic element line based on UE4 / Unity (Part 2) After drawing lines on the map, the next step is to draw faces and volumes As one of the basic elements of map rendering, surface can represent all kinds of […]

  • JavaScript graphic example: random Sierpinski triangle


          stay“JavaScript graphic example: Sierpinski triangle”In this paper, we introduce the basic drawing method of Sierpinski triangle“JavaScript graphics example: iterated function system generated graphics”In this paper, the method of generating Sierpinski triangle by IFS is introduced. Next, we introduce two construction methods of Sierpinski triangle to expand the knowledge. 1. Random point method […]

  • The application of clip path in practice


    background In the first half of this year, I wrote a lot of articles, and my heart was cramped. I’m really busy. Recently, I’m also engaged in performance related matters. When this month is over, it will be almost settled. I’ll give you a good explanation. I haven’t made any systematic summary recently. In order […]

  • CSS3 draw basic graphics, such as circle, ellipse, triangle, etc


    CSS3 circle#css3-circle{ width: 150px; height: 150px; border-radius: 50%; background-color: #232323;}CSS3 oval#css3-elipse{ width: 200px; height: 100px; border-radius: 50%; background-color: #232323;}CSS3 triangle#css3-triangle{ width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 150px solid #232323;}CSS3 parallelogram#css3-parallelogram{ width: 200px; height: 100px; background: #232323; -webkit-transform: skew(-45deg); -moz-transform: skew(-45deg); -o-transform: skew(-45deg); transform: skew(-45deg);}CSS3 trapezoid#css3-trapezoid{ width: 100px; height: 0; border-bottom: 100px solid #232323; border-left: 50px solid transparent; border-right: 50px solid transparent;}CSS3 hexagonal star#css3-six-star{ width: 0; height: 0; position: relative; border-bottom: 100px solid #232323; border-left: 50px solid transparent; border-right: 50px […]

  • The first step in developing webgl


    By Aral Roca Crazy technology house Original text: https://aralroca.com/blog/fir… No reprint without permission In this article, we’ll learn what webgl is and how to draw “triangles” by talking to the GPU. Although there are better ways to implement the examples in this article, such as using canvas with 2D context and even CSS, let’s start […]

  • CSS hollowed out triangle style


    preface Dialog box – hollowed out triangle style principle 1) Using pseudo element: before: after 2) : before, border 3) : after, border make small triangle style 4) The small triangle’s white style covers the large triangle’s style, forming a hollow out Triangle hollowed out html <div id=”talkTop”> Cut out triangle on top </div> <div […]

  • Explaining texture rendering of OpenGL es in IOS from zero


    This article mainly introduces how to use OpenGL es to render an image. The content includes: basic concept explanation, how to use glkit to render texture, how to use glsl to render texture. preface OpenGL(Open Graphics Library)It is developed and maintained by the Khronos group, a graphics software and hardware industry association that focuses on […]