# Halloween Time!

**URL:** https://forum.kirupa.com/t/halloween-time/654089
**Category:** random
**Created:** [October 18, 2022, 3:38am UTC](https://forum.kirupa.com/t/halloween-time/654089 "2022-10-18T03:38:55Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [October 18, 2022, 3:38am UTC](https://forum.kirupa.com/t/halloween-time/654089/1 "2022-10-18T03:38:55Z")

</div>

It’s been a while since we had something ridiculous on the site, so here is the friendly **kirupaGhost**! 👻

[https://twitter.com/kirupa/status/1582213524482568192](https://twitter.com/kirupa/status/1582213524482568192)

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [October 18, 2022, 5:07am UTC](https://forum.kirupa.com/t/halloween-time/654089/2 "2022-10-18T05:07:22Z")

</div>

I feel bad for the ghost when you click on a long thread that defaults you to the last comment. It takes a while for the little guy to make it that far down the page. (That and scrolling doesn’t update the mouse position so he can get lost from time to time.)

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [October 18, 2022, 5:43am UTC](https://forum.kirupa.com/t/halloween-time/654089/3 "2022-10-18T05:43:29Z")

</div>

That is a good point. I wonder if I should just keep the ghost fixed relative to the viewport as opposed to scrolling around the page.

EDIT: I fixed the code to have the ghost stay fixed relative to the viewport. This does feel much better and more ghost-like haha.

---

<div class="post-metadata">

### Author: ![steve.mills](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/steve.mills/32/14961_2.png) [@steve.mills](https://forum.kirupa.com/u/steve.mills)
#### Post date: [October 18, 2022, 8:54am UTC](https://forum.kirupa.com/t/halloween-time/654089/4 "2022-10-18T08:54:53Z")

</div>

😁 I just wanna play `Pong` with the ghost…

…or maybe a Kirupa “`Pacman`” could get chased around the screen by the ghost… 😁

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [October 18, 2022, 11:56am UTC](https://forum.kirupa.com/t/halloween-time/654089/5 "2022-10-18T11:56:55Z")

</div>

> [@steve.mills](#):
>
> …or maybe a Kirupa “`Pacman`” could get chased around the screen by the ghost…

Haha I was thinking about doing just that!

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [October 18, 2022, 1:11pm UTC](https://forum.kirupa.com/t/halloween-time/654089/6 "2022-10-18T13:11:04Z")

</div>

Awesome! One more suggestion: local storage-ing the ghost’s last location so on refresh or new page load it can load in at it’s previous location rather than the top left every time.

---

<div class="post-metadata">

### Author: ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)
#### Post date: [October 18, 2022, 2:26pm UTC](https://forum.kirupa.com/t/halloween-time/654089/7 "2022-10-18T14:26:08Z")

</div>

I’d like to see it eat the vowels out of words as it passes over them.

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [October 18, 2022, 2:43pm UTC](https://forum.kirupa.com/t/halloween-time/654089/8 "2022-10-18T14:43:07Z")

</div>

_👻 granted devowelizer badge_

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [October 18, 2022, 4:42pm UTC](https://forum.kirupa.com/t/halloween-time/654089/9 "2022-10-18T16:42:46Z")

</div>

> [@senocular](#):
>
> Awesome! One more suggestion: local storage-ing the ghost’s last location so on refresh or new page load it can load in at it’s previous location rather than the top left every time.

I will work on that next! 😛

EDIT: Done! If I get more time, I may actually get the ghost to continue its bouncing animation from the point it was in just before I navigated away. Right now, there is a slight jump where the animation restarts from the beginning.

---

<div class="post-metadata">

### Author: ![tbo](https://avatars.discourse-cdn.com/v4/letter/t/7feea3/32.png) [@tbo](https://forum.kirupa.com/u/tbo)
#### Post date: [October 18, 2022, 6:48pm UTC](https://forum.kirupa.com/t/halloween-time/654089/10 "2022-10-18T18:48:00Z")

</div>

This ghost needs a smashing pumpkin buddy

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [October 18, 2022, 8:16pm UTC](https://forum.kirupa.com/t/halloween-time/654089/11 "2022-10-18T20:16:58Z")

</div>

![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/0/c/0c54ab9d467e77a9f96496f42f8fda568a23c8b8.jpeg)

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [October 18, 2022, 10:29pm UTC](https://forum.kirupa.com/t/halloween-time/654089/12 "2022-10-18T22:29:59Z")

</div>

> [@tbo](#):
>
> This ghost needs a smashing pumpkin buddy

@tbo!!! Long time no see. Hope you’ve been well 😛

A companion pumpkin sounds like a pretty good idea. Let me see what I can do there…

---

<div class="post-metadata">

### Author: ![Groundhog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/groundhog/32/19164_2.png) [@Groundhog](https://forum.kirupa.com/u/Groundhog)
#### Post date: [October 19, 2022, 6:25pm UTC](https://forum.kirupa.com/t/halloween-time/654089/13 "2022-10-19T18:25:14Z")

</div>

Kirupa, I’m sorry but that ghost is very annoying! I have a hard enough time as it is focusing on the screen 😬

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [October 19, 2022, 8:00pm UTC](https://forum.kirupa.com/t/halloween-time/654089/14 "2022-10-19T20:00:23Z")

</div>

As a workaround, to get rid of the ghost you can go into your site preferences and in the Interface section change the theme to something other than KIRUPA. That’ll get rid of the ghost.

---

<div class="post-metadata">

### Author: ![Groundhog](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/groundhog/32/19164_2.png) [@Groundhog](https://forum.kirupa.com/u/Groundhog)
#### Post date: [October 19, 2022, 8:25pm UTC](https://forum.kirupa.com/t/halloween-time/654089/15 "2022-10-19T20:25:14Z")

</div>

Brilliant, thanks for this too! Not so obvious. I’m over the moon grateful

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [October 19, 2022, 8:26pm UTC](https://forum.kirupa.com/t/halloween-time/654089/16 "2022-10-19T20:26:05Z")

</div>

I’ll provide a more permanent solution later this evening where you can turn it off. I can totally see why it can be annoying!

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [October 20, 2022, 3:56am UTC](https://forum.kirupa.com/t/halloween-time/654089/17 "2022-10-20T03:56:18Z")

</div>

@Groundhog - I have made it so that the ghost disappears after a few seconds of no mouse movement. My next step will be to add a toggle in the header to turn the Ghost **on** or **off** permanently 😛

---

<div class="post-metadata">

### Author: ![Roland\_Wilkerson](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/roland_wilkerson/32/19196_2.png) [@Roland\_Wilkerson](https://forum.kirupa.com/u/Roland_Wilkerson)
#### Post date: [October 24, 2022, 8:02pm UTC](https://forum.kirupa.com/t/halloween-time/654089/18 "2022-10-24T20:02:16Z")

</div>

Woah! That would be awesome, I second this suggestions 😀

---

<div class="post-metadata">

### Author: ![AmiiboAmigos](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/amiiboamigos/32/19755_2.png) [@AmiiboAmigos](https://forum.kirupa.com/u/AmiiboAmigos)
#### Post date: [December 1, 2022, 10:24pm UTC](https://forum.kirupa.com/t/halloween-time/654089/21 "2022-12-01T22:24:11Z")

</div>

😮  
I definitely wanna code this!

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [December 2, 2022, 4:04am UTC](https://forum.kirupa.com/t/halloween-time/654089/22 "2022-12-02T04:04:59Z")

</div>

I have a pending tutorial on how to make this work, but you can definitely view source on the home page and see how it is done!

[Next page](https://forum.kirupa.com/t/halloween-time/654089.md?page=2)
