HannahSunflower
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
    • Invite by email
      Invitee

      This note has no invitees

    • Publish Note

      Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note No publishing access yet

      Your note will be visible on your profile and discoverable by anyone.
      Your note is now live.
      This note is visible on your profile and discoverable online.
      Everyone on the web can find and read all notes of this public team.

      Your account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

      Your team account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

      Explore these features while you wait
      Complete general settings
      Bookmark and like published notes
      Write a few more notes
      Complete general settings
      Write a few more notes
      See published notes
      Unpublish note
      Please check the box to agree to the Community Guidelines.
      View profile
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Note Insights New
    • Make a copy
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Note Insights Versions and GitHub Sync Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Make a copy Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
  • Invite by email
    Invitee

    This note has no invitees

  • Publish Note

    Share your work with the world Congratulations! 🎉 Your note is out in the world Publish Note No publishing access yet

    Your note will be visible on your profile and discoverable by anyone.
    Your note is now live.
    This note is visible on your profile and discoverable online.
    Everyone on the web can find and read all notes of this public team.

    Your account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

    Your team account was recently created. Publishing will be available soon, allowing you to share notes on your public page and in search results.

    Explore these features while you wait
    Complete general settings
    Bookmark and like published notes
    Write a few more notes
    Complete general settings
    Write a few more notes
    See published notes
    Unpublish note
    Please check the box to agree to the Community Guidelines.
    View profile
    Engagement control
    Commenting
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    • Everyone
    Suggest edit
    Permission
    Disabled Forbidden Owners Signed-in users Everyone
    Enable
    Permission
    • Forbidden
    • Owners
    • Signed-in users
    Emoji Reply
    Enable
    Import from Dropbox Google Drive Gist Clipboard
       Owned this note    Owned this note      
    Published Linked with GitHub
    • Any changes
      Be notified of any changes
    • Mention me
      Be notified of mention me
    • Unsubscribe
    # Exploration in Cg (6G7V0037_2223_9) Hannah Moseng Staff Anamaria Consultation times: Wed 14:00-16:00, Thu 14:00-16:00 ------------------ ## TO DO - [x] Spend some time sketching a new character, the little austronaut for my story - [ ] Storyboard for this also? - [ ] Model the book Nova is trying to read throughout the story? - [x] Next world: Create the factory - [ ] Create some nice mosses based on ukranian lady thing - [x] Set up the style guide - [ ] https://www.youtube.com/watch?v=fSbBsXbjxPo Lighting and rendering - [ ] https://www.youtube.com/watch?v=QFTfGQgiGBw How to render Choose two sections of the pipeline that interests me and focus on these two or more ![](https://i.imgur.com/g9Ccou6.jpg) ## Resources https://polyhaven.com/ Mo capping movement home videos https://www.rokoko.com/?utm_medium=ppc&utm_campaign=%5BENG%5DSearch_SmartsuitPro&utm_source=adwords&utm_term=motion%20capture&hsa_tgt=kwd-14468750&hsa_cam=1410512318&hsa_grp=59298456847&hsa_kw=motion%20capture&hsa_ver=3&hsa_ad=505096972260&hsa_net=adwords&hsa_src=g&hsa_mt=b&hsa_acc=5372755939&gclid=EAIaIQobChMIyNiXgcqz_gIV0OvtCh3KEwHHEAAYASAAEgJvcPD_BwE AutoRig https://actorcore.reallusion.com/auto-rig KitBashing https://kitbash3d.com/ ## Story and obstacles There are a various places Nova needs to go to find piece and quiet for their storyreading. One place could be inside of a factory for examle where there are a lot of screws and bolts flying around and horrible noises from the machinery. could also be visiting different planets. so for the jungle scene, this could be an Horizon zero dawn inspired planet for example. then underwtee, the entire planet is just an ocean planet with mechanical fish that nibbles om Nova. (use there the bridge I created in a stylized style) and also get inspired by how the fish is created in Abzu. The fact that the fish are a material and static mesh rather than a rigged body. figure something out: is the world where Nova lives a place where there are real humans or are they all mechanical? if there are real people, the only robot will have to be Nova, or other children as well. More interesting and sci fi fantasy: having everyone mechanical. Ratchet and Clank style ## Characters ### 03.02.2023 Characters drive the story, so its easy to start there ### Pipeline [A] ![](https://i.imgur.com/CjMuSka.png) *Need to state here in the projects what it is I am trying to concentrate on.* **PREPRODUCTION** - Idea, story, script - Concept art, designs - modelling - Texturing & Shading - Storyboard, animatic - ? 3D layout, previz ? **PRODUCTION** - ? Lighting ? **POSTPRODUCTION** - ? Compositing ? ![](https://i.imgur.com/PoywULO.png) ## Character Design [B] Watch: Madame Tutli-Putli (2007) Little Boat 2011 Long Way North 2015 https://www.youtube.com/watch?v=CIVKpaLFc3w&list=PLl2Ot6laHA3RqVQN3bs4b-5rNxo361SCd Refined Research: Find the style of the film Create Concept art after refined research Pick a specific scene, sketch props, characters and something that captures the essence of the style "When you're drawing fast, there is passion" - Isao Takahata Shape and colours and the psychological effect it can have on people Colours describe: ➢ Appearance & Occupation ➢ Temperament & Personalitye Book: CARTOON ANIMATION WITH PRESTON BLAIR ## Character Design week 1: ### Excercise in class Kappa/Kawataro ̄ ![](https://i.imgur.com/OZKz1js.jpg) Foster, M.D. (2009) Pandemonium and parade : Japanese monsters and the culture of yōkai. California, US: University Of California Press. Japandemonium Illustrated The Yokai Encyclopedias of Toriyama Sekien (Toriyama Sekien, Hiroko Yoda (ed., transl.) etc.) (z-lib.org) Sekien Toriyama’s Japandemonium Illustrated: The Yokai Encyclopedias of Toriyama Sekien 2017 DETTE ER DEN RIKTIGE #### To Do https://www.youtube.com/watch?v=xH1wev__pSg - [ ] Make a PureRef board out of Kappa characters - [ ] Make some 1 minute sketches based on the PureRef inspirations - [ ] Draw a more proper character sheet? - [ ] For Friday: Make 10 quick pages of storyboard - [x] Send my character on a quest - [ ] Finish the rustyness tutorial substance I started - [ ] Rig my robot? 15.02.2023 new gameplan! make a 3D environment that the camera can easily move around on. on top of that, create either the character in 3D and rig it ooooor draw it in 2D like disney style on top of the 3D enviromnet. could look very nice Character design idea where the fungi is being controlled by robots rather than them controlling us ![](https://i.imgur.com/vn97TZk.jpg) # Inspiration Treasure Planet The story of the original Treasure Island by Robert Louis Stevenson is what inspired my story and also the film Treasure Planet which takes inspiration from this classic story and book. Louis Stevenson, Robert. (1882) *Treasure Island.* England: Cassell and Company. *Treasure Planet.* (2002) Directed by J. Musker and R. Clements. [Film] US: Walt Disney Pictures. ![](https://i.imgur.com/OIl05F8.jpg) The characters in this galactic setting suits to my theme perfectly. ![](https://i.imgur.com/9wrJneZ.png) ![](https://i.imgur.com/TOHazhW.png) The Iron Giant *The Iron Giant.* (1999) Directed by B. Bird. [Film] US: Warner Bros. Animation. The main inspiration from The Iron Giant would simply be the size of him and how he moves around with this exact character design and trait. ![](https://i.imgur.com/OVUkKe8.png) ![](https://i.imgur.com/y5KF3Cw.jpg) Ratchet and Clank : The silliness and quirkyness of the language and worldbuilding https://magazine.artstation.com/2021/07/insomniac-games-ratchet-clank-rift-apart-art-blast/ ![](https://i.imgur.com/hO9iXVs.jpg) ![](https://i.imgur.com/BhArd2a.jpg) ![](https://i.imgur.com/6WyaERW.jpg) ![](https://i.imgur.com/FCMWxmF.jpg) Model Sheet of Clank: ![](https://i.imgur.com/8ApyE9X.jpg) Concept art from Ratched and Clank: https://blog.playstation.com/2012/08/22/the-ratchet-clank-youve-never-seen-10-years-of-concept-art/ The art of Ratchet and Clank https://www.youtube.com/watch?v=sZu5onJ8tcg Simon Staalenhag, of course ![](https://i.imgur.com/1PSdSEp.png) The secret of NIMH ![](https://i.imgur.com/jxVrCos.png) Ron's Gone Wrong ![](https://i.imgur.com/HV0kmRq.jpg) Studio Ghibi's Laputa: Castle in the Sky ![](https://i.imgur.com/lqD1srv.jpg) Fan art: ![](https://i.imgur.com/jHFzPPD.png) Fantastic Planet ![](https://i.imgur.com/6Kekeu7.jpg) YF_BOOM on Youtube https://www.youtube.com/watch?v=kcfmLKde2XA ![](https://i.imgur.com/7nN4BjS.jpg) # Shrub_Automaton_Trobot Using AI to Process images in Maya 17.02.2023 ![](https://i.imgur.com/JF2Y8TH.jpg) ![](https://i.imgur.com/vxox8vn.jpg) ![](https://i.imgur.com/PoRPYxR.jpg) ## Imaginary Friend Character Design and Story, sending my character on a quest with a short story In a galaxy far away, captain Trobot was the captain of the infamous ship Scrap Chrono, and his crew of misfit robots followed his every command. Following a mysterious map he found in an old journal his grandmother left him, he was on the search after the hidden magical Cosmic Cog which had the power to transport him and his crew back to their home planet and to find their long forgotten families. With a newfound sense of purpose, Captain TroBot set sail with his useless crew, determined to find the magical cosmic cog. They faces countless obstacles along the way, including rouge pirates and treacherous black holes. The screw was hidden on a deserted island in a temple guarded by fierce robotic guardians. Captain TroBot and his crew battled their way through the guardians and finally reached the hidden chamber. As Captain TroBot inserted the Cosmic Cog into Scrap Chrono's navigation system, the ship suddenly jolted and blinding light filled the room. When the light faded, the ship was surrounded by a strange field, and they were suddenly transported to their home planet. Captain TroBot and his crew found each their homes, but realised it was not as it once it had been and they all found out that it was on the ship Scrap Chrono their real home was and they left their home planet filled with only strangers. And from that day on, Scrap Chrono sailed the galaxy, searching for new adventures and new treasures to plunder. ## Storyboard ![](https://i.imgur.com/0IaZsTM.jpg) # Style Guide ## Inspiration for the style guide I always like to have a strong and vibrant colour palette for the things I am working on. I was really inspired by Spider man: into the spider verse when it came to choosing the colour for my story ![](https://i.imgur.com/2IOihIk.jpg) Having a color style guide for my project was a smart decision. The colour style guide ensures that all elements of my project are visually cohesive and consistent. By defining the set of colours, I ensure that the project's design is professional, polished, and on-brand. Additionally, the guide saves me time and effort in the long run, as I won't have to constantly make decisions about which colors to use. Setting up the style guide in Adobe Illustrator is very clean and easy The colour style guide only came together after I had finished the final textures for Nova AstroBot as I then saw clearly what would fit ![](https://i.imgur.com/EejX9Wy.png) Final Style Guide ![](https://i.imgur.com/vs2khaC.png) ## Stylized style I am always attracted to a more stylized style when it comes to playing video games. My favourite games are Abzu, Firewatch, Journey and Zelda: Breath of the Wild. ## UV Mapping Robot Head ![](https://i.imgur.com/ClPpe8i.png) Body / Torso and arms ![](https://i.imgur.com/jEnzYNM.png) Legs ![](https://i.imgur.com/b1RPB4d.png) ## Substance Painter Rustyness effect ![](https://i.imgur.com/mkP8Kly.jpg) ## Joints Realising that with the current model, it will be difficult to animate, so I should ass spheres as joints that will help with the movements ![](https://i.imgur.com/nfbU1dH.png) From: Carlos Baena's Journey: Simplicity in Animation | Animation Mentor Blog Adding the joints so He will be able to be rigged, moved and animated better ![](https://i.imgur.com/xseFSVd.png) ![](https://i.imgur.com/NSShbvV.png) Seeing the issues occuring in Mixamo and needing to fix up the joints ![](https://i.imgur.com/09jSMAk.jpg) Now optimized for Mixamo. Textures will be on 3 different maps as the robot will be large ![](https://i.imgur.com/6mCmVwG.png) Mixamo: A robot doing robot dance ![](https://i.imgur.com/XbSCYTm.png) Substance Painter ![](https://i.imgur.com/kojbjMb.jpg) Creating a smart material out from the colour and material choices I did with Nova, I was able to quickly give Trobot a similar nice srusty pastel style ![](https://i.imgur.com/0mL4XmD.jpg) The Textures does not work on the animation rig as the animation rig uses only one map. So now redoing the UV map to all fit on one map ![](https://i.imgur.com/VHgw33h.jpg) One texture map ![](https://i.imgur.com/lSCdUrG.jpg) # Changing my idea : Nova AstroBot TO DO: 1. Make a storyboard with my Children's book character 2. Create the Backstory? 3. Also create the story I want to tell 4. With this storyboard, each key frame for the animation 5. Create the astronaut robot character 6. Rig the character so I am able to move their body around 7. 3D-Model 8. UV Map 9. Texture 10. Block out scenes in Unreal Engine 11. Block out supporting asstes? 12. Place inside Unreal Engine 13. Lighting 14. **SUPER DUPER OPTIMIZE THE UVs** The reason to why I wanted to change up my idea is because I didn't feel that the backstory of Trobot was strong enough to tell a story. Also, about two years ago I did a crunch course over a week with an Irish illustrator on writing a children's book. Taking my old sketches and ideas from this workshop, I wanted to take this story into the 3D world and develop on that story. ## Using PureRef to create a moodboard PureRef is an industry standard software when it comes to creating moodboard as it is user friendly with a clean design, allowing the user to concentrate on the most important thing, which is to create moodboards with inspiration and not having to work out how things work. PureRef moodboard of the helmet for my character after the feedback from the initial sketch is that it is a good design overall, it is just the head that needs to look more "Austronauty". ![](https://i.imgur.com/pBpliD1.jpg) Oscilliscope ![](https://i.imgur.com/mTwU3pl.jpg) # ***CONTINUE HERE, ## Modelling Process ![](https://i.imgur.com/xLcOgE4.jpg) ![](https://i.imgur.com/zm0cPGJ.jpg) ![](https://i.imgur.com/a8EsPYD.jpg) 100% orginal idea and I'm not taking inspiration from anywhere ![](https://i.imgur.com/7ATBNl0.png) ## Texturing https://polyhaven.com/ Ratchet from Ratched and Clank is 152 cm tall source: https://hero.fandom.com/wiki/Ratchet_(Ratchet_%26_Clank)#:~:text=Ratchet%20is%205%20feet%20tall,(44.3%20kg.) So my character will be 150cm tall ![](https://i.imgur.com/vXQw8do.png) Normals look fine ![](https://i.imgur.com/neThUhO.png) Substance Painter-progress ![](https://i.imgur.com/Xtmj9uN.jpg) When creating textures: it is recommended to use AI standard surface in Maya as it has some great basics. Using Adobe Illustrator to create my own stickerdesign ![](https://i.imgur.com/N50grW4.png) Adding my own stickerdesign to the model ![](https://i.imgur.com/Jym8Yx1.jpg) ## Rigging How to do the rigging: https://www.youtube.com/@antCGi Autorigging: https://actorcore.reallusion.com/auto-rig Trying out autorigging with Mixamo Trying out autorigging with Mixamo As seen in this image, the joints are jumping out of the body, so I need to change up the mesh ![](https://i.imgur.com/k7WK6y1.jpg) Other issues: need to combine details with it's parents ![](https://i.imgur.com/oXiUEUF.png) Importing again, just properly ![](https://i.imgur.com/tL9noOH.png) Placing markers is very easy by the example setup Mixamo gives ![](https://i.imgur.com/Aw2joKO.png) Setting up the Rig and using the 3 chain finger setup ![](https://i.imgur.com/4KNO0bT.png) Setting up in Unreal ![](https://i.imgur.com/W270leO.jpg) Import animation into Unreal Engine? https://www.youtube.com/watch?v=rtSORVgkdu8 https://www.youtube.com/watch?v=PyXeB1QtC0A Fully Redoing the UVs after seeing how the textures are not optimal in Unreal ![](https://i.imgur.com/dW4EgBv.png) How it looks in Unreal: ![](https://i.imgur.com/LWVmH4j.jpg) Optimizing UVs... again ![](https://i.imgur.com/DP9WPKo.png) Super duper optimizing, now every surface that is on the inside of the model now ![](https://i.imgur.com/XZxvOkb.png) Fixing up textures, again... finally! ![](https://i.imgur.com/01uwSkM.jpg) Texturing on 1024, then resizing the map and rebaking on higher textures to 2048 ![](https://i.imgur.com/F0Z7KMc.jpg) HighRez in Unreal. ![](https://i.imgur.com/TrFJgu0.jpg) **here, reconsider the UVs based on feedback from Andrew, maybe divide the details on two maps for example** Trying to reskin the model in Maya after seeing how the animation works. See if I can fix the jumping buttons ![](https://i.imgur.com/LbWCZgF.png) ## Modelling the storybook An ancient magic looking book based on this tutorial https://www.youtube.com/watch?v=8zZGzokAJrE&t=1741s ![](https://i.imgur.com/BrY9lKY.png) Final book ![](https://i.imgur.com/rdPvGcN.png) Modelling the book open ![](https://i.imgur.com/q9CRCPD.png) Smooth pages for the open book ![](https://hackmd.io/_uploads/rkfQU9iEn.png) # COMPOSITING Whiteboxing Previsualization (also known as previsualisation, previs, previz, pre-rendering, preview or wireframe windows ### Desert_Scene Whiteboxing the desert scene ![](https://i.imgur.com/NjZX9Ex.jpg) It is easy to see how I shall sculpt the landscape by pinning the preview of the camera first ![](https://i.imgur.com/3oFAPA4.jpg) Adding Heat Haze Post Process Material to the scene ![](https://i.imgur.com/BNoufNW.jpg) One can go really really crazy with the effect ![](https://i.imgur.com/N2Kdx8t.jpg) **ADD TO THIS SCENE** - [ ] Stylized sand - [x] Heatwaves effect ### Underwater_Scene Maybe this would fit, it is just not animated ![](https://i.imgur.com/nRe7ZjI.png) **Mixamo animations that can work:** - Male sitting pose - Waking - Treading water Animation used here: treading water. Nova is floating underwater ![](https://i.imgur.com/gwtyvlw.jpg) Particle system that can fit to the scenes ![](https://i.imgur.com/wbReaO9.jpg) Underwater scene with particle effect, should change the particles to bubbles obviously ![](https://i.imgur.com/Xs9QWog.jpg) Changing the mask from a diamon node in the material browser, I created a simple bubble in photoshop ![](https://i.imgur.com/oZ8Z5H1.png) Instead of using diamonds like in the tutorial, I created the same one with a different mask to imitate bubbles ![](https://i.imgur.com/RAgeI5V.jpg) **ADD TO THIS SCENE** - [ ] Can reuse stylized sand from desert scene - [ ] Watch tutorial on getting it "underwater feeling" - [ ] Try making moving foliage that floats in space - [ ] Bubbles? - [ ] The floating book? - [ ] Underwater look: - [ ] https://www.youtube.com/watch?v=wfNIEkHSfns ### Factory_Scene Inspiration: Modern Times by Charlie Chaplin ![](https://i.imgur.com/oFSxWon.png) ![](https://i.imgur.com/qa6PnBE.png) Creating a vaery simple window that will be in the background ![](https://i.imgur.com/UQ311pi.png) Setting up a glass material that will be for the windows ![](https://i.imgur.com/SwhK5FK.jpg) Whiteboxing the scene and setting up the camera ![](https://i.imgur.com/h76he6I.jpg) Setting up camera 02 ![](https://i.imgur.com/Dbpmiog.jpg) For animation for this scene: Bartending looks nice ![](https://i.imgur.com/c9nmp5J.png) Bartending animation ![](https://i.imgur.com/1veG3yb.jpg) Setting up patterns that can fot on the floor. As my background is graphic design, I always try to implement some of my adobe illustrator techniques into whatever I am working on to make sure I don't loose my techniques ![](https://i.imgur.com/LVqzSAC.png) Setting up the floor and lighting in the scene ![](https://i.imgur.com/Pmf8d17.jpg) This material function allows me to give a flickering effect to the lighting in the scene ![](https://i.imgur.com/WNKb0fG.jpg) Animating a material using simple arrow mask I created in Adobe illustrator to give a conveyor belt effect to the scene ![](https://i.imgur.com/iGsrKpy.jpg) Animation for Nova: Agony ### Outer_Space_Scene Modelling designs for the planets ![](https://i.imgur.com/6IW8Wnp.png) Whiteboxing the outer space ![](https://i.imgur.com/8TU0aSs.jpg) Creating Blueprints for the planets so it is easier to add seperate materials to all the different assets. Also I can create different blueprints with different choises of planet parts and make a variety of different things based on my the simple choises of planet parts ![](https://i.imgur.com/vd4GPbn.jpg) A lot of cool effects with the particle system works well with the scene ![](https://i.imgur.com/NciWh2c.jpg) Scene progress ![](https://i.imgur.com/piNxATN.jpg) ### Pushing_Something_Scene ![](https://i.imgur.com/NMK6dr4.png) "keyword Pushing" looks good ## Text render to add the story to my game By creating a Blueprintclass called Text Renderer, I am able to add the text to my scene ![](https://i.imgur.com/7Lxnv4s.png) How it currently looks in the scene: ![](https://i.imgur.com/lGU3dKu.jpg) Realised after I don't need the text blueprint, I can simply add a plugin that has all of these simple features already built in. Even though it is in beta mode, it has all of the functions that I need ![](https://i.imgur.com/Nxwxr92.jpg) Setting up the text to fit nicely in the cameraframe ![](https://i.imgur.com/OHMDmd4.jpg) ## Lighting and Rendering, watch tutorial lighting and rendering https://www.youtube.com/watch?v=fSbBsXbjxPo hiw to render https://www.youtube.com/watch?v=QFTfGQgiGBw ## Tutorial with Nathan Question: How do I connect the animation of running desert scene to another?

    Import from clipboard

    Paste your markdown or webpage here...

    Advanced permission required

    Your current role can only read. Ask the system administrator to acquire write and comment permission.

    This team is disabled

    Sorry, this team is disabled. You can't edit this note.

    This note is locked

    Sorry, only owner can edit this note.

    Reach the limit

    Sorry, you've reached the max length this note can be.
    Please reduce the content or divide it to more notes, thank you!

    Import from Gist

    Import from Snippet

    or

    Export to Snippet

    Are you sure?

    Do you really want to delete this note?
    All users will lose their connection.

    Create a note from template

    Create a note from template

    Oops...
    This template has been removed or transferred.
    Upgrade
    All
    • All
    • Team
    No template.

    Create a template

    Upgrade

    Delete template

    Do you really want to delete this template?
    Turn this template into a regular note and keep its content, versions, and comments.

    This page need refresh

    You have an incompatible client version.
    Refresh to update.
    New version available!
    See releases notes here
    Refresh to enjoy new features.
    Your user state has changed.
    Refresh to load new user state.

    Sign in

    Forgot password
    or
    Sign in via Google Sign in via Facebook Sign in via X(Twitter) Sign in via GitHub Sign in via Dropbox Sign in with Wallet
    Wallet ( )
    Connect another wallet

    New to HackMD? Sign up

    By signing in, you agree to our terms of service.

    Help

    • English
    • 中文
    • Français
    • Deutsch
    • 日本語
    • Español
    • Català
    • Ελληνικά
    • Português
    • italiano
    • Türkçe
    • Русский
    • Nederlands
    • hrvatski jezik
    • język polski
    • Українська
    • हिन्दी
    • svenska
    • Esperanto
    • dansk

    Documents

    Help & Tutorial

    How to use Book mode

    Slide Example

    API Docs

    Edit in VSCode

    Install browser extension

    Contacts

    Feedback

    Discord

    Send us email

    Resources

    Releases

    Pricing

    Blog

    Policy

    Terms

    Privacy

    Cheatsheet

    Syntax Example Reference
    # Header Header 基本排版
    - Unordered List
    • Unordered List
    1. Ordered List
    1. Ordered List
    - [ ] Todo List
    • Todo List
    > Blockquote
    Blockquote
    **Bold font** Bold font
    *Italics font* Italics font
    ~~Strikethrough~~ Strikethrough
    19^th^ 19th
    H~2~O H2O
    ++Inserted text++ Inserted text
    ==Marked text== Marked text
    [link text](https:// "title") Link
    ![image alt](https:// "title") Image
    `Code` Code 在筆記中貼入程式碼
    ```javascript
    var i = 0;
    ```
    var i = 0;
    :smile: :smile: Emoji list
    {%youtube youtube_id %} Externals
    $L^aT_eX$ LaTeX
    :::info
    This is a alert area.
    :::

    This is a alert area.

    Versions and GitHub Sync
    Get Full History Access

    • Edit version name
    • Delete

    revision author avatar     named on  

    More Less

    Note content is identical to the latest version.
    Compare
      Choose a version
      No search result
      Version not found
    Sign in to link this note to GitHub
    Learn more
    This note is not linked with GitHub
     

    Feedback

    Submission failed, please try again

    Thanks for your support.

    On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

    Please give us some advice and help us improve HackMD.

     

    Thanks for your feedback

    Remove version name

    Do you want to remove this version name and description?

    Transfer ownership

    Transfer to
      Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

        Link with GitHub

        Please authorize HackMD on GitHub
        • Please sign in to GitHub and install the HackMD app on your GitHub repo.
        • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
        Learn more  Sign in to GitHub

        Push the note to GitHub Push to GitHub Pull a file from GitHub

          Authorize again
         

        Choose which file to push to

        Select repo
        Refresh Authorize more repos
        Select branch
        Select file
        Select branch
        Choose version(s) to push
        • Save a new version and push
        • Choose from existing versions
        Include title and tags
        Available push count

        Pull from GitHub

         
        File from GitHub
        File from HackMD

        GitHub Link Settings

        File linked

        Linked by
        File path
        Last synced branch
        Available push count

        Danger Zone

        Unlink
        You will no longer receive notification when GitHub file changes after unlink.

        Syncing

        Push failed

        Push successfully