SwiftUI: Dynamically Add Images to View using Canvas and ZStack (As many as you want. At any location you want. Of any size you want!)
Itsuki -的动态
最相关的动态
-
As a designer, understanding file types is crucial for delivering high-quality, versatile designs. From JPEGs for the web to AI files for vector illustrations, each format serves a specific purpose. Explore the top 10 file types every designer should know to enhance your creative workflow. #DesignTips #GraphicDesign #CreativeProcess #DesignEfficiency #FileManagement
要查看或添加评论,请登录
-
#QuickTips for this week are from our ?3D artists? **Using Blosm in Blender** Part II 1. Open the Blosm toolbar. You can locate it by pressing “n” which opens the tools to the right of the screen. First you need to select coordinates. Press “select” in the “Extent:” window, this will open a website on your browser. Search for an area you want to import, for example a name of a city. It is recommended to take a small area at first, no more than 1km x 1km. Then follow the instructions at the left side of the website to copy the coordinates of your selected area. 2. Paste the coordinates in the “Extent:” window. Now change the “OpenStreetMap” tab to Google 3D tiles and press import to import the selected area in Blender. This may take a while especially with higher level of details. It’s recommended to keep the levels of details at default (‘’groups of buildings’’) at first, and increase it after if needed. 3. Make sure the API key is correct and saved in the Blosm addon preferences, enable the 3D map tiles API key in Google Platforms. If you get an error “No 3D files were imported. ..errors occurred during the import”. Open the Scripting tab and type “C.scene.blosm.cacheJsonFiles = False” in the Python console and press enter. Happy 3D modelling! #mondaymotivation ?
要查看或添加评论,请登录
-
?? **Did you know?** ?? The HTML canvas has a size limit of 10,000x10,000 pixels (and sometimes even less on certain devices). So, unfortunately, you can't just make it the size of several pages. ?? If you need a canvas to act as a background, consider implementing an offset synchronized with the page scroll value and setting its style to `position: fixed`. You might need to do this in a vertex shader. Why mention shaders? Because the regular HTML canvas is slow. It's great for static images and tiny animations, but for big, dynamic animations, you need something more powerful like WebGL. WebGL leverages the GPU to draw each pixel simultaneously using parallel execution. This speed comes with a catch: when drawing a specific pixel, you don’t have information about neighboring pixels. To draw figures on the screen, you use vertex and fragment shaders. The vertex shader determines the location of each vertex, while the fragment shader colors the pixel based on information from the vertex shader. And here's the kicker: in native WebGL, you can’t even set the line width! Instead, you have to create your own shaders to draw simple lines, which is not as easy as it sounds. Check out these awesome resources that helped me: - Instanced Line Rendering: https://lnkd.in/epVxwHvM - Drawing Lines in WebGL: https://lnkd.in/evMpQ5Yc - Drawing Lines is Hard: https://lnkd.in/eTfhyPnc - WebGL Fundamentals: https://lnkd.in/esWZ6m59 Dive in and explore—these resources are lifesavers! ??
要查看或添加评论,请登录
-
?Designing the Future, One Creation at a Time? Pushing boundaries and exploring new ideas through design. ????? Tools I Used and Their Uses: Pen Tool: ??? Used to precisely cut out the person from the background. Type Tool: ?? Used to create the letter "N" and add the text "Neeta Bhusal" .Layer Mask: ?? Applied to blend the person seamlessly into the letter "N" .Blending Options: ?? Applied effects like shadows and gradients to add depth to the letter "N". Transform Tool: ?? Used to adjust the size and position of the person within the letter. Gradient Tool: ?? Used to create the background and the gradient effect inside the letter "N". #InnovativeDesign #CreativeMind #AdobeCreativeCloud #GraphicDesigner
要查看或添加评论,请登录
-
-
?? Exciting Personal Project Launch! ?? I’m thrilled to share PixelDice, a creative tool that converts any image into a dice-based artwork! ???? ?? How it works: PixelDice takes an image, analyzes its grayscale values, and transforms it into a stunning composition made of dice faces. The dice selection is guided by brightness levels, and you can customize: ? Black & white dice styles ? Adjustable contrast settings for artistic effects ? Upscaling for high-resolution output ?? Why? I've always loved the intersection of technology and creativity, and this was a fun way to merge image processing, randomness, and a touch of math into something visually striking! ?? Want to try it? You can check out the project on GitHub ?? https://lnkd.in/eJisx7mW Would love to hear your thoughts, ideas, and feedback! ?? #Python #OpenSource #CreativeCoding #ComputerVision #PixelDice #AIArt #ImageProcessing
要查看或添加评论,请登录
-
????? Map Viewer Labels Tutorial: You can create label classes using fields & #Arcade to generate descriptive text for your map features. Here's a walkthrough of how this works ? https://ow.ly/mpZI50T12fG
要查看或添加评论,请登录
-
????? Map Viewer Labels Tutorial: You can create label classes using fields & #Arcade to generate descriptive text for your map features. Here's a walkthrough of how this works ? https://ow.ly/YUfr50T1ltM
要查看或添加评论,请登录
-
????? Map Viewer Labels Tutorial: You can create label classes using fields & #Arcade to generate descriptive text for your map features. Here's a walkthrough of how this works ? https://ow.ly/Gw9c50T623E
要查看或添加评论,请登录
-
?? Five ways to make a web in Blender. And each one gives you a different result. ?? While working on the Spider-Man donut for my Donut Universe, I realized there’s no single ‘right’ way to make a web in Blender, there are actually quite a few. And choosing the right one depends on what you need — precision, speed, control, or flexibility. 1?? Geometry nodes: If you want full control and procedural flexibility, this is the way to go. Set up a system that generates web patterns dynamically without manual modeling. 2?? Mesh + Wireframe Modifier: Fast and effective. Start with a simple circle mesh, apply the Wireframe Modifier, and you’ve got an instant web structure. Works great for stylized webs. 3?? Stacking cylinders: The brute-force method. Manually place cylinders to shape the web. Not the most efficient, but sometimes the best for a custom look. 4?? Curves: If you need organic, hand-drawn control, use curves. You can tweak thickness and shape easily while keeping the geometry clean. 5?? Grease pencil: Perfect for 2D-style webs or quick sketching. Just draw directly in 3D space, then convert it to geometry if needed. For this project, I tried out two different approaches: ?? The blue donut was made using the circle mesh + wireframe modifier method. ?? The black donut was created with Grease Pencil for a more hand-drawn look. As you can see, the results are pretty different. And honestly, both were fun to experiment with. What’s your go-to method for webs? Share in the comments below! #BlenderCommunity #3DArt #DonutUniverse #BlenderTips #SpiderManDonut
要查看或添加评论,请登录
-
-
Slow Sunday so decided to play with an Adobe Firefly new feature that lets you import your own images as reference. Thought I'd see what it would do with the Pop Tarts Milton illustration I uploaded last week. To get a more 3d look. First image is my illustration. second is what firefly generated from that. third image is some quick editing in photoshop to get it to what I was hoping I would get. Promo was " Toaster character, on blue background, with pastries popping out" My thoughts... I like that ai is moving towards a tool where you have more artistic impute rather than just text prompts and picking a random result. Definitely still needs work and you can see from the ai only results, but it did render the toaster in a 3d form I liked that was very close to my image. And the editing in photoshop to get to the final image went quickly. not sure I would use it fore a final image but definitely would help getting closer reference for an illustration or for a concept image. Time from start to finish... about an hour.
要查看或添加评论,请登录
-