Tumgik
#Hlk talks
appl3-juice-box · 1 year
Text
RANDOM SHIT WHILE I READ FANFICS
whenever I read fanfiction, I get into a very 'drugged out' state so like, I think it'd be funni to write some shit I think down. no im not doing drugs, but I am reading a fic about a fucking turtle dying and swapping tabs to hurt/comfort and fluffy fics so-
I just made a fucking car lock noise. Like the little 'hlk-ahk' noise cars make when you lock or unlock them? I JUST FUCKING MADE THAT NOISE WHILE READING PURE ANGST AND IM FUCKING LOSING IT -11:07pm
nooooooo da babbbeeeeeeey. he need them shoulderssss -11:14pm
any-hoodly-do, these bitches gay, let me read floofyness -11:19pm
awwwwwww he got da twaumaaaa! -11:23pm
how the actual FUCK is Leo both so damn oblivious yet crushing on the same guy who literally turns PINK when he's anywhere close to him? buddy ain't homosexual, he homoblivious -11:27pm
YESSSSS THEY KISSED AFTER 7 FUCKING CHAPTERS AND GOING THROUGH LITERAL HELL LETS FUCKING GO BITCHES -1129pm
Bitch
They were having a fucking moment and talking about twaumaaaa
But NOOOOOooooOOOOO YOU HAD TO FUCKING KIDNAP HIM FOR THE FIFTH TIME BITCH -11:31PM
Dont you call my bunny boy a vermin you broken down asparagus looking ass -11:32pm
BITCH DONT MARY HIM MARRY FUCKING YUICHI YOU FUCKING IDIOTIC TORTUGA -11:33
Broski just went Spanish mode
/i spent too long in Texas, the southerness, it ain't ever gonna go away, yehaw buckaroo/ -11:35pm
eughhhhhhh leooooo noooo hes a moldy ham sandwichhhhh 11:39
he just- I want to hug him so badly. da baby got trauma and he needs A hug :'((((( -11:45pm
ISTG I NEED MORE BODYPILLOWS PLEASE I JUST NEED TO HUG THE DAMN TRAUMATIZED BABIESSSS -11:46pm
Okay, but Draxum kinda- 💅✨
How tf did I read 22k words in the span of an hour -12:20am
1 note · View note
disobligingly · 5 years
Note
( *is encouraged for (1) second* oh real shit? ) 035. — Put my muse in a headlock. "Hey, your total Supreme-ness--Let's Talk!" - fu 😚
violent actions! - accepting035. — Put my muse in a headlock.
His first thought is that he wants to smack himself for not being on his planet and thus preventing himself from being reached in such a way.
His second thought is something along the lines of ’HLK–’, which is interesting, because that’s also the sound that comes out of his mouth when he’s snatched up in an instant and subsequently put into a headlock.
It wouldn’t be the first time he has suffered from such a gesture being inflicted on him, but generally, South was only being playful and would let go of him seconds later.(This is (potentially?) playful as well, but Shin isn’t sure he likes how different his and Fu’s definitions of the word probably are.)
From his position, there’s not much he can do besides hit his fist (rather uselessly, he’s well aware) against the man’s midsection or try and claw at his arm (equally useless, yes), but panicking doesn’t work for most creatures except those with detachable limbs, and he certainly isn’t one of those.
So for now, he just resigns himself to his fate.
Tumblr media
“…yes? What do you wish to speak about?”
Well, it’s been a nice… well no, not nice–Decent? Acceptable?…Not-as-bad-as-it-could’ve-been run?We’ll go with that.
@fyu-ture
3 notes · View notes
Photo
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
Noodle’s Art Trade Character List;; So that I don’t have to bother people by spamming references QWQ’’ cause then I feel like im bothering them.
As I don’t have much preference in whom/what you wish to draw! 
A bunch of References for Luete/Rift [first two]  A full body for Solien & Archon I don’t have many references of Jaya; but he’s a witch doctor/spirit specialist who deals with the dead and helps them pass on;; also has a therapy dog named Shrine who can talk [but more ‘Yay! Jaya! Yay! Belly rubs!’ she’s cute]
And then three monsters of mine that I love for those that don’t feel comfortable drawing the others :O [Yuine - Ei’Chara - Peekie ]
Basically! If you wish to do an art trade with me, pick from this list and send me a message of whom you wish to draw [I also labeled the pictures] and send me your references for your character(s)!!
Fair note with the college thing currently It won’t be done the day of, but most likely a week at latest. Will most likely be an experimental style or light sketch+color+then more than a sketch cause I clean everything. 
But yes! I can’t wait to see your characters!!!! I love seeing new Ocs!!!
Alternatively You can also approach me for collabs! [of one person does the linework and the other colors ectect] I do those as well!
19 notes · View notes
borboranoir · 7 years
Note
Hello, I want a tattoo of a sigil, make it by you, if is not a problem I was thinking the Pisces and Gemini zodiac signs like the two become one kinda thing? Does that make any sense? Anyway please if you can do it...or HLK + MLK letters? Those are the letters of my name and my girlfriend's Thank you thank you thank you
Sure I would love to design your tattoo, what an honour! 💕💕 Please message me so we can talk more about it. Since it is so specific, and of course if it is going to be in your skin forever, it think I have to consider it a comission, so please let me know what you think. 
9 notes · View notes
fyeahcindie · 5 years
Video
youtube
New lyrics MV for a song off last year’s album, 求救訊號 I’m Not OK.  =D
Vast & Hazy are a duo of Voc/AG: 顏靜萱 Ka Ka Yen & guitarist Yi-Chi Lin 林易祺, but the credits are a who’s who of TW musicians.
Music/Lyrics by 林易祺 LNiCH (Yi-Chi Lin 林易祺 who is also in Matelin)
Producer | LNiCH、韓立康 HLK (韓立康 Likang Han from Waa Wei, Coconuts)
Producer Assistant |蔡周翰 Chou Han Tsay
Lyrics Coordinator|顏靜萱 Ka Ka Yen
Music Arrangers|LNiCH、張晁毓 Dato Chang
Background Vocals&Background Vocals Arranger|李雅微 (李雅微) Ya-Wei Li  Shivia Lee
Acoustic Guitar-LNiCH, Electric Guitar-HLK, Bass-Marcus Tsao
Drums-潘維瀚 Wei Han Pan (潘維瀚 Pan Wei from 粉紅噪音樂團 Pink Noise)
Brass & Strings Arranger-Dato Chang
Trombone-宋光清 Sung Guang Ching,  Sax-謝明諺 Min Yen Hsieh, Trumpet-Danny Deysher
First Violins|蔡曜宇 Shuon Tsai、朱奕寧 Yi-Ning Ju、駱思云 Ssu Yun Lo
Second Violins|盧思蒨 Lu Szu Chien、陳泱瑾 Nick Chen、黃雨柔 Nala Huang
Violas|甘威鵬 Weapon Gan、牟啟東 Wayne Mau 
Cello|劉涵 Hang Liu(隱分子 Infancy)
Full credits (more arranging, engineering, studios, etc.) & lyrics back at YT!
---
I would love to see VH release an ep of English versions of some of their songs and commence world domination!  That’s a common thing in J-pop and even K-pop, but you rarely see a TW band to do it.  Elephant Gym had a Japanese singer do an English-lyrics version of a song on the ‘international collaboration’ version of their new album. (Guitarist Tell Chang sings the Mandarin version on the domestic release).  And there are some indies that have done new Japanese versions of their songs.  (PiA and Cheshire Cat come to mind)
Yes, I know many TW/HK/China/Singapore/Malaysian bands have English songs, but I’m talking about C-indie bands taking great songs and presenting them to a new audience.  Anyway... =)
0 notes
brendagilliam2 · 7 years
Text
21 top examples of JavaScript
JavaScript creates platforms that can engage a user and ensure that they remember your site and continue to revisit. It can be used to create games, APIs, scrolling abilities and much more.
The internet is full of web design inspiration, including great examples of JavaScript being used to bring a website to life and provide great user experiences. Here we pick some of our favourite examples of JavaScript in action for your inspiration.
01. Histography
Histography is an amazing way to explore 14 billion years of stuff
If you’ve ever watched Cosmos, you may remember Carl Sagan talking about the Cosmic Calendar. If the age of the universe was condensed into one year, recorded human history would fit within the very last seconds of 31 December.
14 billion years of events is a huge dataset, and displaying it in a browser is no easy task. But designer and developer Matan Stauber rose to the challenge – although even he wasn’t sure it would be possible: “I think the main obstacle would have to be proportions,” he explains. “How do you create a timeline when 99.9 per cent of the history we know will have to be condensed into less than one pixel of the screen?” 
The son of a historian, Stauber created Histography as a student at Bezalel Academy of Arts and Design, under the guidance of Ronel Mor. “If we think about ways people visualise history, timelines are probably the most common one, and yet they haven’t changed a lot since the days of the printed paper,” he says. “I saw that as an exciting design opportunity, especially today with the access to big data sources.”
The site scans and indexes events from Wikipedia, grabs the article, and pulls in a Google image and YouTube video. The data is easily discoverable and a joy to consume. If you’ve ever lost hours exploring Wikipedia articles, set aside plenty of time for this one.
02. Filippo Bello
Adoratorio opted to use CSS3 and Javascript instead of WebGL to give a sense of depth
This online portfolio showcasing the talent of Italian 3D artist Filippo Bello was conceived, designed and developed internally at Adoratorio by Enea Rossi and Alessandro Rigobello. The team were given total freedom in how to design it.
The play with depth throughout the website is very effective – the images move slowly towards the viewer, creating the impression of diving into each project. This is achieved using what is called a segment effect: the background image is replicated in different boxes that move towards the viewer. The team challenged themselves by avoiding the most obvious technologies. “WebGL is not suitable for every kind of user,” says Rossi, art director and co-founder. “So the main challenge of this site was to understand how to deepen the screen using CSS3 and JavaScript code-strings only.” 
The page transitions and the little zoom effects on the images are a nice added touch to the final result, which was – as Rossi describes it – “absolutely beyond our expectations”.
03. The St. Louis Browns
The St. Louis Browns site is styled like a vintage book
For this website about the history of the St. Louis Browns baseball team, digital agency HLK has crafted a very beautiful experience. The site reads like a well-crafted vintage book, complete with chapters and textured typography. Users can scroll through each chapter for a time-based, story-like experience.
Inspiration for the site has been pulled from 1920s manuscripts and advertisements, with many of the images directly from the years they are describing. This brings a uniquely dated feel to a modern, digital space. This is complemented by a grey-and-brown toned colour scheme, accented by a single shade of orange.
Some of my favourite parts of this site are the little details, such as the menu button (circular with a hamburger menu inside) that converts to a baseball on hover. I also love the timeline on the left-hand side, which follows the screen and updates on scroll.
The site is built using Node.js and the Express framework to allow for smooth updating and flow between content.
04. Leg Work Studio
Leg Work Studio’s site uses interactive animations to bring the experience to life
Leg Work does a lot of great work on the web, from graphic design to interaction and media. So it comes as no surprise to find that its own personal site is no exception. The studio’s personality shines through via fun, mixed-media illustrations. It combines vintage photo effects (such as the dot grid pattern) with digitally painted white accents and scans of physical handwriting to create unique art to represent the agency.
However, it is not just the illustrations that make this website notable – the interactive animations really bring it to life. Some of the illustrations themselves are actually videos instead of static visuals, created with After Effects, and website components like the sidebar animate smoothly.
The website is designed with mobile in mind, and mobile interactions are mirrored in the desktop experience, where the user can swipe with the track pad to get through the sections. The website is built using Modernizr to ensure compatibility, and jQuery for interactions.
05. Code Conf
Code Conf’s Nashville-themed site
The site for CodeConf really goes above and beyond the standard conference website. The conference was held in Nashville, Tennessee, and everything about this design pays homage to this location.
The website itself is nicely responsive and has a warm, cohesive colour palette. The whimsical illustrations give the site character and create a playful country-rock aesthetic that continues throughout the page (and even into the event itself).
No details are spared, as even the menu’s decorative horizontal rules (only seen on smaller screen sizes) flow with the country-rock aesthetic. The site implements Google Maps for location features, and is built with jQuery and AngularJS.
Everything is illustrated: all of the venues, the ‘set list’ of speakers, the call to action for buying tickets, and breaks between sections. There is also a fun cast of characters that can be found dotted around the site: vector cacti, unicorns, dragons, octocats, and cowboys and girls playing music and posing playfully around the page.
06. IBM Design
IBM Design’s site is inspired by the physical world as opposed to the digital one
In the past few years, IBM has invested in growing a design programme and steering the company towards a human-centric approach to creating software. It recently came out with the IBM Design Language, which contains an update for its animation vocabulary. It provides design guidance and resources for web developers, all open-sourced on GitHub.
What I love about this animation update (even more than the fact that it’s open sourced) is how the studio looks at IBM’s heritage and the physical world for inspiration, instead of other digital properties. Hayley Hughes, IBM design language lead, says that the team pulled inspiration from machines; in particular their solid planes, physical mass and rigid surfaces.
“From the powerful strike of a printing arm to the smooth slide of a typewriter carriage, each movement was fit for purpose and designed with intent,” she explains. “Our software demands the same attention to detail to make products feel lively and realistic.”
Why is animation so critical to IBM’s Design Language? “Just as a person’s body language helps you read the conversation, animation relays critical information that helps users understand how to navigate and use our products,” Hughes says.
07. Masi Tupungato
Image-led site for Italian wine-making project Masi Tupungato
This wonderful website from international digital creative agency AQuest for Masi Tupungato, a winemaking project based in Italy, almost lets the imagery speak for itself.
Unusually, a loading screen is used for each of the pages as the crisp fullscreen images load up. Usually this would be a big no-no – users want the content as soon as possible. However, here it actually improves the user’s experience by ensuring images are fully loaded before any content is unveiled. The design creates a sense of empathy, leaving users feeling like they’ve been to the winery and picked the grapes themselves.
The site can be on the heavy side on some pages (ranging from 1.2MB up to 5MB in weight), which could be improved by introducing some lazy loading techniques. However, despite its weight, the site is well-built, with the start render in under one second and return visits loading within the second mark too. The framework is based on unsemantic.com, which is a successor to the 960 Grid System.
When viewing the site on desktop and larger viewports, users are able to see and interact with each of the wines separately. They can take advantage of the larger screen size to display all of the wine characteristics and details side- by-side. In contrast, on the mobile site the details and description slide in and can be slid away again smoothly.
08. tota11y
tota11y makes accessibility simpler
Making accessible websites is critically important. However, the techniques and testing involved often seem like they require deep specialisation that can make web developers and designers feel like they’re adrift.
Enter tota11y: a simple tool that can be included as a JavaScript file in a page or, even more simply, used as a bookmarklet on any site. It flags items in the page that run afoul of accessibility guidelines – low visual contrast or missing textual alternatives for images, say.
Wayward elements are flagged visually, making it easy to snap a screen grab and show team members or clients exactly what the issues are, while the expanded explanations coach users on methods to quickly fix the glitches.
Khan Academy‘s website for tota11y is not overtly glamorous, but then, important work isn’t always glitzy. The down-to-business simplicity of the text – both in appearance and in content – belies the complexity of the problem the tool itself aims to alleviate.
09. Know Lupus
The Know Lupus site explores the condition in a fun, informative way
The Lupus Foundation of America (LFA) is a national organisation working to solve the mystery of lupus. Viget partnered with the LFA on a pro bono public awareness project to help the general public understand the disease.
“LFA wanted to create a fun yet informative game that would help educate the public in an engaging way, to help overcome that issue,” explains Laura Sweltz, UX designer and project lead. “Our design process focused on accomplishing that goal, while also creating something that people with lupus would actually feel excited about sharing.”
Viget’s solution was a casino-inspired card game built using React, in which each card highlights a fact about lupus. Custom illustrations by designer Blair Culbreth keep the game lighthearted while addressing the serious subject matter. Casino-inspired sound effects weave through the game.
The animations are smooth and snappy, adding another layer of delight to the game. The mobile experience is just as interactive as desktop, and responsive transitions have been fully considered. The end result is a playful experience that makes learning feel effortless.
10. The Boat
The Boat, an online graphic novel
Longform storytelling has been steadily gaining popularity on news and media sites, but broadcasting network SBS‘s The Boat, an online graphic novel based on a story by Nam Le, feels unique in both its style and execution. Sumi ink illustrations, expertly executed animations and a chilling soundscape capture the story of a young Vietnamese refugee’s journey.
To bring the story to life, illustrator Matty Huynh spent six months with Nam Le’s original prose, sketching thumbnails and iteratively creating the characters.
“I think the balance you see comes from this extended period of development,” explains producer Kylie Boltin. “That deep inward-looking period enabled the core team members to know the story inside out. We knew the story beats and we knew which moments needed to be highlighted. The guiding principle was to complement the core storytelling, rather than overpower it or add an element just for the sake of it.”
The graphic panels feel like diary sketches – urgent, imperfect and deeply emotional. This site proves just how powerful and engaging online storytelling can be in the right hands.
11. Run4Tiger
Can you run as much as a tiger? Find out with this site and your running app
Moscow-based Hungry Boys designed this show-stopping campaign site for the World Wildlife Fund Russia to raise public awareness for its Save The Tiger campaign. Why race your friends when you can race a GPS-tracked Amur tiger?
The site lets you sync your running app of choice (it currently supports nine different apps!) and pits you and other runners against the big cat, which averages 20km a day. If the tiger beats you, you donate $5 to WWF.
It’s a great concept, and there’s a great design to go with it. The sharp black and yellow colour palette – uncharacteristically bold for a charity app – conveys the urgency of the Save The Tiger initiative.
Run4Tiger’s creator Ksenia Apresyan says the team definitely had movement in mind when designing: “We wanted to make the website as dynamic as it could be. That’s why we decided to use the most fresh technologies and show our main message, made of dynamic particles, on the main page.”
Next page: 10 more top examples of JavaScript to inspire you…
12. Design Matters
The Design Matters site has a continually colour-shifting gradient background
Design Matters is a radio show launched by Debbie Millman in 2005. Over the years, Millman has interviewed over 200 designers, artists and creatives around the world. These are now housed on a beautifully redesigned site.
The first thing you notice is the morphing gradient background, which is subtle yet unique and mesmerising. The next thing you notice when you jump into an interview page is the enormous play icon overlaying the content.
“From the beginning I knew I wanted to have a giant play button on the screen, and after playing around with the design I settled on a completely transparent button,” says Armin Vit of UnderConsideration, the studio behind the site. “Since the interviews are all about transparency between Debbie and her guests, I enjoyed the visual extension of that.”
Vit used JS layout library Masonry to create a Pinterest-like grid of interview ‘pods’, each of which contains a well thought-out type hierarchy and image. As the audio is housed on SoundCloud, Vit had to figure out how to make the play button trigger a SoundCloud file via its unique ID.
What does Millman think of the site? “Armin took all the myriad must-haves for this site and created one design for me to look at,” she smiles. “I loved it the second I saw it.”
13. Wrap Genius
Food data
NYC-based designer and developer Sam Slover and team set out on a mission to document what he ate for 10 weeks, and created an interesting visual look into his diet.
“We wanted to tell the story of one person trying to figure out how to make his personal food data more meaningful,” says Slover. “So we took the audience on a journey: what does it mean to track your own food data and what insights can come of it?”
The result of his data-gathering is a one-page site that houses a beautiful collection of infographics. “It turns out there was quite a bit of data to design around,” he smiles. “We needed to make hard decisions about which areas to pursue when doing visualisations.”
Along with outlining what food was purchased, the team chose to focus on representing where the food came from, the ingredients, and an awards system where the best and worst foods were rated.
The team used Illustrator to develop the visuals, and Chart.js and D3.js to render some of the charts. While the site’s layout is simple, don’t be fooled – some serious number crunching went on behind the scenes, with the aid of a Node.js and MongoDB stack.
14. The Local Palette
Fuzzco took inspiration from the print version of this publication
The local Palate is the South’s premiere food culture magazine. In redesigning the site, the team at Fuzzco took its cues from the print magazine. “We started with a grid structure similar to the one similar found throughout the magazine,” says Fuzzco founder and creative director Helen rice. “For the typography we took a bold, modern approach and allowed space for large, engrossing photographs to reflect the engaging feeling found in print.” The navigation also mimics the look of the spine of the magazine.
The site’s stunning food photography and striking typography are arranged in a refreshingly simple layout that is a pleasure to view on any device. The recipe grids and full article pages are especially beautiful.
To build the site, the team used the – as they put it – “usual suspects” of jQuery, Sass and Typekit to serve the type. WordPress was selected to give editors flexibility in how the content is presented.
“We set up a system for editors to change the colour of some of the homepage elements to represent the current feature article,” continues rice. “This creates the same effect as a new magazine cover.”
15. Mike Kus
The portfolio of designer Mike Kus presents his stunning work in a refreshingly clean and understated manner
Here designer Mike Kus presents his stunning work in a refreshingly clean and understated manner, in which large images live alongside simple user interface elements. Bold dashes of colour come through from the portfolio items themselves, rather than from unnecessary decorative elements.
“I think of my work as the brand, hence there was no need to add a lot of style to the actual site [or its] UI,” says Kus.
The website is fully responsive and equally easy to navigate on larger and smaller screens. What makes the site such a pleasure to explore, however, is the image selection: each portfolio item uses strong, carefully selected imagery that make you want to see more of the project.
Kus notes that “one of the main issues was making sure the site had the same visual impact across all viewport sizes” – and in our opinion, it certainly does.
16. Multeor
Multeor is written in plain JavaScript using HTML5 Canvas
Multeor is a multiplayer web game developed by Arjen de Vries and Filidor Wiese and designed by Arthur van ‘t Hoog. The idea of the game is to control a meteor crashing into earth. You score points by ensuring you leave the biggest trail of destruction. Up to eight players can connect to a single game simultaneously.
Multeor is written in plain JavaScript using HTML5 Canvas and backed with a Node.js server to manage the communications between the desktop and mobile devices using WebSockets.
Rather than using one of the many game libraries, Wiese built entirely from stratch. “We decided not to use a prefab game engine,” he says, “which means rendering the graphics, detecting collisions, keeping track of entities and coding a particle system for the explosions. Not depending on a specific game engine was great fun: it gave us a lot of creative freedom and we definitely learned a lot because of it.”
17. Here Is Today
Here Is Today required a small amount of JavaScript to put the animation in place
Here is Today was created by designer Luke Twyman. He explains the motive behind the site: “Being fascinated by the scale of time, I wanted to create something that would clearly give people a sense of that vastness, and a feeling of where we sit in relation to all that’s gone before. To do this, two important features on the technical side would be some kind of zooming/scaling mechanic, and also a super clean layout.”
Twyman kept all widths relative to make the site’s message convey equally well on a smaller screen: “From the start I decided to do away with pixel measurements and pt sizes for type, and instead set my own measurement unit based on a fraction of the screen width. I set one unit to be 1/22 of the screen width and positioned and scaled everything using that unit, so the spacious layout would be maintained on different displays.”
It took just a small amount of JavaScript to put the animation in place: “The zoom mechanic is based on a simple tween animation formula, which I’ve used numerous times now, although I’d never used it in JS before. In fact this is only the second thing I’ve built using JS, but I’ve found the transition from other languages I’ve used or tried to be fairly easy, and there’s plenty of great documentation at hand online.”
18. The Trip
The Trip is an interactive film with audio, powered entirely through JavaScript and HTML5
The Trip is an interactive film with audio, powered entirely through HTML5 and JavaScript (with Flash nowhere to be seen). The complexity of the project proved challenging, as developer Otto Nascarella explains. He says, “Most of the difficulties we had during the development process were due to the lack of cross browser/devices consistency of HTML5 new technologies, so it was decided we’d ‘recommend’ Chrome for a better experience on desktops,” he says.
“The JavaScript code uses jQuery for almost everything – even though I flirted with the possibilities of using Zepto – I wrote two plugins for jQuery, [used] TextBlur to animate blur on fonts using text-shadow, that did not get used the end, and also TextDrop, the one that is responsible for the typographic animations.”
19. MapsTD
MapsTD harnesses the power of Google Maps for an immersive gaming experience
MapsTD is a tower defence game, but with a difference. You tell it where your home is, and through the power of Google Maps, it will produce a game in which you’re defending your hometown, with the baddies relentlessly charging past the streets and houses of your neighbourhood.
Creator Duncan Barclay explains how it works. “It’s obviously built using the Google Maps API, with MooTools being used for the other aspects of the UI and as a general-purpose JavaScript library. It uses several bits of functionality provided by Google Maps. As well as the map itself, the biggest part is the route finder API, which is used to work out the paths the enemies follow. Once you’ve picked a start location, it does a lookup to get the latitude and longitude. It then looks for four routes by adding or subtracting a fixed number from that latitude and longitude (to get a point due north, due east, and so on), and uses Google to find a path between the two.”
Creeps
As the game progresses, more enemies (or ‘creeps’ as he has called them) appear on screen. Barclay found himself battling to keep performance high and timings correct: “One of the biggest challenges – one that still isn’t quite right – was the timing. Firstly, if the page isn’t active, most browsers reduce how often they check if timeouts have reached the end, resulting in creeps moving in bursts rather than moving steadily. I ended up fixing that by pausing the game when the tab loses focus. The detection code was taken from David Walsh’s blog and is in the game credits.
“The other problem was that as you progressed, there were too many things happening, which resulted in the game slowing down a lot. The workaround ended up being to use harder creeps rather than more of them, and making the game incrementally more difficult each level after level 50.”
20. Command and Conquer
Command & Conquer is back, and it’s online, thanks to Aditya Ravi Shankar
This is an amazing example of how powerful today’s tools are. Aditya Ravi Shankar has used them to create an online version of classic real-time strategy game Command and Conquer.
Recreating the original 1995 game was a long and painstaking process, says Shankar. “Every little thing took time – things like selecting single units or multiple units; being able to select by drawing the box from left to right or from right to left; making sure the panning was smooth; figuring out a decent fog of war implementation; allowing for building construction, dependencies (the Power Plant is needed for the Refinery, which is needed for the Factory) and building placement (buildings cannot be constructed on top of other buildings); and depth sorting when drawing so units could move behind buildings and trees.”
It’s only when the development tasks are itemised in this way that you realise just how much work went into the project, including some very complicated logic – making it even more impressive that the entire thing could be achieved using only HTML5 and JavaScript.
21. Peanut Gallery
Peanut Gallery is a project from the Google Creative Lab
Peanut Gallery is a project from the Google Creative Lab. Valdean Klump, a producer at the Lab, explains the concept. “The Peanut Gallery is a Chrome experiment that lets users add intertitles to silent film clips by talking to their browser,” he says.
“The technology behind it is Google’s Web Speech API, a JavaScript API that lets developers integrate speech recognition into their web apps.” The project does a good job of demonstrating the Web Speech API, which displays live text updates as it tries to understand a human’s speech.
“One of our favourite features of the API is that text updates in real time while you speak,” Klump continues. “For example, if you say ‘European Union’ slowly, you can watch as the API begins by printing ‘your’ or ‘year’ and then corrects it to ‘European Union’. “Another neat feature (for English speakers only at this point), is punctuation. Say ‘question mark’, ‘exclamation point’, ‘comma’, or ‘period’ and the API will insert the correct punctuation for you,” adds Klump.
These examples of JavaScript were originally published in net magazine.
Related articles:
12 inspiring ecommerce website designs
22 ways to boost your productivity
How to design responsive and device-agnostic forms
This post comes from the RSS feed of CreativeBlog, you can find more here!
The post 21 top examples of JavaScript appeared first on Brenda Gilliam.
from Brenda Gilliam http://www.brendagilliam.com/21-top-examples-of-javascript/
0 notes
Text
[FFXIV writing drabble]
I don’t have any examples of my writing really ‘on site’ and I have a few i’ve written for @hlkproductions​ of OCs from final fantasy xiv: a realm reborn And two ship oneshots for her as well, but I dunno if people would really care to read my silly things.  Long story short; Here’s a story of my poor character Kei’ta talking with his psudo-student Makoto[a different character from hlk].
Setting up a home in the distemperate forest of the flourished Raincatcher Gully would always sound like a simple task to those outside the reaches of deadly claws and thrashing tongues of the natural residence of the vibrant wood - waters infested with pugils of malice and gigantuan toads both quick to lash onto any who came to try their hand; leaving the land to the domain of the magiked coeurls and vicious raptors to defend - so the idea of a safe home was little beyond that of the premade buildings crafted for the trading posts before the start of the calamity.
An ideal such as that made those who made their home perfect for the purpose of hiding, as that was after all, all he had done for the past few years.
Hide.
Like he was doing now.
Eyes of amber and honey glanced to the scaled Doman from a tabled chair at the corner of the small raised hut that he had come to know as home in the rainforest, the mage of whom he shared the space with was not new to him; far from it by this point, they had traveled a fair distance in the gully, down the coast to the dancers as well - even fighting more than a few territorial creatures - but this young tailed man, this one that had been lost to the seas and land, spoke more about his own homeland and self than Kei’ta had in years.
Scarred fingers tapped along his thigh, the feeling of the course stitchwork numb to his tired nerves as they moved to glaze the air at the elbow of his other arm; no flesh or substance to feel there, nothing apart from the sting of ached memories and broken promises.
His stare drifted to the slender fingers of his companion - who teased the silence with glints of magic at his fingertips, spindling sparks and elements in a vibrance of colors; seeing such a use made that clutch of the past pulse in a highlight of his former life - prompting words from his usually distant demeanor.
“I used to do that.” His voice was hoarse, quiet, unused.
Makoto’s steeled gaze shifted from his mindless movements to the man who had found him those months ago, letting the aether flow free from his grasp as his attention changed. Straightening his posture on his cot he gave a soft tilt of his head to flip the long bangs of hair from his view as he questioned in turn.
“Do what? Magic?”
A nod was given in response, but the Miqote didn’t opt to continue for that moment, letting the words hang in the air - Makoto could feel his tail’s scales shiver in mild agitation at the usual clouded conversations they had.
It was only as the Doman stood from his bed - adjusting his balance in a practiced ease to his prosthetic leg - moving to come to the small table did Kei’ta start again.
“White magic specifically, Chosen by the Elementals to protect the Twelveswood and beyond.”
Bright eyes narrowed as the ninja spoke, idle hands sliding the second chair across the wood to let him sit, he had not know Kei’ta to speak of himself so it was treaded territory that Makoto asked “What happened?”
The dull gloss of dark fur of his ear and tail moved in time with his soft chuckle - a sad sound, there was little mirth to it, almost like he had forgotten how. The dragon like mage found himself sinking lower in his seat as the air felt weighted with the realization of how little he knew about the man he lived with - the hunter of his foods, and mender of his clothes - the wonderment of ideas of what that could be.
Calloused fingers rose to the table as the older man began his answer, sliding along the surface of the sanded wood with little more than gentle ministrations to occupy his thoughts as his words spun his tale.
“Lots. I lived… I lost, I loved - I died… and I lost again.”
Makoto’s brow furrowed for a moment as he tried to piece together the sentence, but kept his tongue tied tight, letting the quiet man speak his piece.
“Years ago - A lifetime ago really - I was entrusted as a ‘warrior of light’... a title I did little to earn apart from keeping the real champion alive… Her and I, we traveled the realm, fought primals and those that claimed themselves to be gods; not a notch in our belts save victory…”
His lips drew to a line for a moment, eyes softening as he reflected upon a memory - though Makoto could see the pain in those tired eyes equal with that tender stare. The Au Ra knew more about loss than the average person, more than any would in a lifetime - and that glazed longing… Makoto didn’t say a word, letting his silent friend speak at his own pace.
The graveled spin of words burned in his throat, clearing it did nothing to ease the weight on his tongue, nor the stutter of his breath as he started his story again;
“But… I made mistakes. We became involved in a plot far larger than ourselves and our fights - things not solved by weaponry alone - Trapped into a vortex of flight and treachery - we were taken separately… and I…”
Kei’ta’s hand moved to the stump of his arm, grazing it with his palm as their eyes connected, he had no need to state the obviousness of his loss. That night took more than friendships and limbs, to some it stole spirit and drive. Makoto’s own fingers danced at the edge of the cloth of his pant, toeing the line of his own marred flesh; there were some things that didn’t need to be spoken.
The cat let his hand fall back to toy with the dust on the table, words sounding easier as his story unfolded, as he found a kindred heart to speak too;
“They took so much time from me; I didn’t understand how long till it was over, but It felt like a lifetime before I had seen the sun again… by that time I….”
He cleared his throat once again, adjusting his posture in an almost physical effort to be more comfortable talking to the dear companion, the one who shared more with a stranger than the ‘saviour’ himself.
“I had been consumed by that Taint I had worked so hard to cure with my conjuring… and I let it fester… wanted it too - deprived myself of the healing I knew I needed… all cause I fee- felt like I deserved it. It was better than the alternative of guilt and numbness… I became a Dark Knight… easily.”
The admittance wasn’t something that sounded easy to the hesitant words and slow speech, and the Doman could understand why - just the thought of it, just the idea of such a thing flooded his blood with ice, dancing across his nerves with a sparked fire - itching to leap from the chair in defence from the words, from the potential of what could be lurking under those tired eyes.
Kei’ta could see this; lips pulling to a frown for a moment, before he rose from the table to stand - tail swishing in a unkept beat, a few moments given to his feet to pace the small cabin - soon tempting a glance to his friend with cautious words;
“As I’ve said; A lifetime ago… Oboro’s made sure of that.”
His lungs swelled with air as the small Doman found his body relaxing, breathing back to a silent norm at the words - no matter how he had tried to keep his reaction to a minimum - going as far as to recline against the chair in a lax movement, speaking with his own hesitance at a question that nagged at his mind;
“Who was ‘She’? The woman you were talking about?”
Makoto almost regretted asking - seeing how Kei’ta’s tail stopped full swing, the dulled color of his ears twitching for a moment before staying taut to their position - but he could also hear the low hum in his throat as he tried to answer.
“Emmatea. A Dragoon of unmeasured caliber. There was no lancer I had ever come across - friendly or not - that could match her skill in the art. I had asked her once if she had ever danced - and boy did she treat me to a…”
It was almost comical how his expression shifted from the sorrowful remembrance to a gentle wave of embarrassment before he skipped over the topic.
“She was the only reason I lived. I could keep her and I alive through any fight, any storm - her faith in me made sure of that - but I would never be able to fight like she did… It wasn’t fury, nor just pure skill… it was a will, indomitable and stubborn that made her so scary.”
By this point the rambling catman had returned to his seat, though this time he sat facing out, leaning with his good side against the back of the wood with a chuckled sigh.
“Emmatea… she was my sun… and I never told her that enough.”
Makoto saw that sadness once again edging to his eyes - that dark numbness he had become so prone to falling into - and Makoto found himself scrambling to speak again - anything to keep this smile on the lips of his friend;
“What was she like? What did she look like?”
His ears once again swiveled to listen to the soft voice of the Au Ra’s concern, though hearing only the questions to spin thoughts to a happy memory.
“She was… amazing. Even out of combat her prowess for things amazed me - quick to make friends, flirty or not, we always had a full party with us when we needed them, even if they had better things to do than try and help her get to a particularly difficult fishing spot… Not shy in asking for things either; but just as quick to offer whatever she could to make it up to us… “
Kei’ta paused a moment.
“And… she was…. Is…. beautiful. There is no person I have ever seen that I will say, that I can say, makes me feel like she does. He fur always glistens with a shine, a glow, that brightens the deep browns, the gentle curls of her hair always soft like silk… I never tired of brushing it for her - or just holding her... “
His lips pursed for a second before his voice lowered to a murmur;
“She was warm… I… Even when we made camp in the ruins near Al Meigo…. I was never cold. Emmatea would always want me to hold her… she knows I don’t mind, I’d never make a fuss.”
Makoto noticed how the ninja danced his phrases between present and past tense, a frown pressing against his lips, almost like he didn’t know he had lost everything yet.
“Even when I had just started my Healer’s training; trying in vain to get a steady hold over my emotions, she always tips that scale without trying, I just can’t - couldn’t- bear to see her injured… or worse….I.”
His words stopped abruptly as he raised his palm to his face, tight fingers clenched over his eyes as his jaw clenched tight. Makoto’s posture straightened, words on the tip of his tongue as his fingers began to reach for the distraught man - but he stopped as he heard the soft choked sob caught in his throat, and saw the tears starting to escape from between his fingers.
Instead he just waited, silently as his conflicted companion fought the demons of his memories, and the guilt of his actions.
Thanks for reading. Honestly, it means a lot just you doing that. Im not a confident person at all. Not good at much. So Thank you.
4 notes · View notes