Το πείραμα με τους δέκα πιθήκους, του Μίλγκραμ. Σας θυμίζουν κάτι;
Το
πείραμα που ακολουθεί, με τους πιθήκους, είναι ένα από μια σειρά πειραμάτων του καθηγητή Μίλγκραμ. Σε ένα κλουβί που έχουμε κλεισμένους 10 πιθήκους, κρεμάμε ένα τσαμπί μπανάνες. Όλοι οι πίθηκοι τρέχουν να πιάσουν το τσαμπί. Ένας από τους πιθήκους, ο πιο γρήγορος, φτάνει πρώτος στο τσαμπί. Εκείνη τη στιγμή, καταβρέχουμε με νερό με πολλή πίεση τους υπόλοιπους, που έχουν μείνει πίσω.
Αυτός που έτρεξε πρώτος και έπιασε το τσαμπί, τρώει τις μπανάνες και το ευχαριστιέται πολύ. Οι υπόλοιποι προσπαθούν να στεγνώσουν και να ξεπεράσουν το σοκ από το κατάβρεγμα.
Μετά από 1-2 ώρες, η κατάσταση της ομάδας των πιθήκων επανέρχεται στο φυσιολογικό. Βέβαια, οι 9 που έφαγαν το κατάβρεγμα (και δεν έφαγαν μπανάνες), κοιτούν με κάποια ζήλια τον έναν που και τις μπανάνες έφαγε και το κατάβρεγμα το γλίτωσε. Επαναλαμβάνουμε την ίδια ενέργεια, δηλαδή κρεμάμε ένα τσαμπί μπανάνες στο κλουβί. Τρέχουν όλοι, αλλά ο ίδιος πίθηκος, ο οποίος όπως είπαμε είναι ο γρηγορότερος καταφέρνει και πάλι να φτάσει πρώτος στο τσαμπί.
Εμείς ξανακαταβρέχουμε με πολλή πίεση τους υπόλοιπους, ενώ ο πρώτος τρώει επιδεικτικά τις μπανάνες που “κέρδισε δίκαια”, αφού ήταν ο γρηγορότερος. Επαναλαμβάνουμε το ίδιο 2-3 φορές.
Κάποια φορά, καθώς ξεκινάει ο γρήγορος να πιάσει το τσαμπί που τοποθετήσαμε εκ νέου, τον πιάνουν οι υπόλοιποι εννιά και τον κάνουν μαύρο στο ξύλο.
Βρίσκεται λοιπόν το τσαμπί στη θέση του για κάποια ώρα, χωρίς να συμβαίνει τίποτα. Κάποια στιγμή, ο γρήγορος ξαναπροσπαθεί να τρέξει προς το τσαμπί, αλλά οι υπόλοιποι τον ξαναπλακώνουν στο ξύλο, γιατί φοβούνται το κατάβρεγμα.
Μετά από μερικά ξυλοφορτώματα, ο γρήγορος “μαθαίνει το μάθημά του” και δεν ξαναπροσπαθεί. Μπορεί να προσπαθήσει και κάποιος άλλος, αλλά το αποτέλεσμα είναι πάντα το ίδιο: ξύλο από τους υπόλοιπους. Εδώ ξεκινάει το ενδιαφέρον της υπόθεσης.
Βγάζουμε από το κλουβί έναν από τους εννιά πιθήκους, αυτούς που καταβρέχαμε, όχι αυτόν που έφτανε πρώτος στο τσαμπί και βάζουμε έναν καινούριο πίθηκο, αντικαταστάτη.
Ο καινούριος πίθηκος, με το που βλέπει το τσαμπί με τις μπανάνες το οποίο φυσικά δεν ακουμπάει πλέον κανένας από τους “έμπειρους” της ομάδας ορμάει να το πιάσει. Οι υπόλοιποι εννιά, συμπεριλαμβανομένου και του παλιού “γρήγορου”, τον βουτάνε και τον κάνουν μαύρο στο ξύλο.
Ο παλιός “γρήγορος” μπορεί και να χαίρεται που τρώει και κάποιος άλλος ξύλο. Ο καινούριος δεν ξέρει γιατί τρώει ξύλο, αφού δεν είχε την εμπειρία του καταβρέγματος.
Μαθαίνει όμως πολύ γρήγορα ότι αν ξεκινήσει να πιάσει το τσαμπί, αυτό συνεπάγεται ξύλο από τους υπόλοιπους. Έτσι, ξαναβρισκόμαστε σε κατάσταση “ισορροπίας” μέσα στο κλουβί, δηλαδή υπάρχει ένα τσαμπί μπανάνες το οποίο δεν πάει να πιάσει κανείς. Ξανά-αλλάζουμε έναν από τους παλιούς 8 πιθήκους (όχι τον παλιό “γρήγορο” και όχι τον νέο ξυλοφορτωμένο) με έναν αντικαταστάτη.
Όπως καταλαβαίνετε, γίνεται η ίδια ιστορία της προηγούμενης παραγράφου, μέχρι να τους αλλάξουμε όλους (τελευταίο βγάζουμε τον παλιό “γρήγορο”, τον πρώτο που έφαγε ξύλο στην αρχή της ιστορίας).
Τι έχουμε λοιπόν; Έχουμε ένα τσαμπί μπανάνες, μέσα σε ένα κλουβί με 10 πιθήκους, από τους οποίους κανείς δεν τρέχει να το πιάσει, και κανείς δεν ξέρει γιατί (δεδομένου ότι κανένας τους δεν ήταν στην αρχική ομάδα που έφαγε το κατάβρεγμα)”.
Μια άλλη εκδοχή του πειράματος
Έχουμε λοιπόν 10 νέους πιθήκους στο κλουβί και ένα τσαμπί μπανάνες άθικτο. Στη “συλλογική” μνήμη των οποίων είναι εγγεγραμμένο ότι το “κοινωνικά πρέπον” είναι να μην ακουμπάμε το τσαμπί γιατί το απαγορεύει ο νόμος. Όποιος προσπαθεί να το πλησιάσει, τις τρώει.
Το αξιοσημείωτο εδώ είναι ότι αυτός που πάει να πιάσει τις μπανάνες εξ ενστίκτου, δεν μπορεί να καταλάβει γιατί τιμωρείται έτσι σκληρά αλλά και οι υπόλοιποι δεν γνωρίζουν γιατί του τις βρέχουν, αφού κανένας τους δεν έχει βιώσει τις δύσκολες μέρες στο κλουβί με τα κυνηγητά και τα καταβρέγματα.
Η ζωή κυλάει ήρεμα στο κλουβί, με τις μπανάνες κρεμασμένες σε μια γωνιά που κανένας πίθηκος δεν τολμάει να τις ακουμπήσει. Οι μπανάνες έχουν γίνει πλέον “ιερές μπανάνες”. Δεν αποτελούν για την ομάδα προϊόν τροφής αλλά ταμπού.
Κάθε ομοιότητα με φυσικά πρόσωπα και καταστάσεις που ζούμε σήμερα, είναι απλά συμπτωματική.
Δείτε εδώ το περίφημο πείραμα του Μίλγκραμ, “Το τέρας μέσα μας” Κοινωνική Μηχανική
το πείραμα των 5 πιθήκων body margin:0; padding:0; height: 100%; width: 100%; background-color: #000; color: #fff; font-family: sans-serif; overflow: hidden; webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Disable hugly Android highlight */ Loader related CSS*/ both loaders */ loader position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; animations boost : forces hardware acceleration by apply identity 3d transform */ force-transform { moz-transform: translate3d(0,0,0); ms-transform: translate3d(0,0,0); o-transform: translate3d(0,0,0); webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); iOS Loader */ ios-loader .ios-loader-bar width: 10%; height: 26%; background: #fff; position: absolute; left: 44.5%; top: 37%; border-radius: 50px; box-shadow: 0 0 3px rgba(0,0,0,0.2); opacity: 0; webkit-keyframes fade { from {opacity: 1;} to {opacity: 0;} } moz-keyframes
fade { from {opacity: 1;} to {opacity: 0;} } ms-keyframes
fade { from {opacity: 1;} to {opacity: 0;} } o-keyframes
fade { from {opacity: 1;} to {opacity: 0;} } keyframes
fade { from {opacity: 1;} to {opacity: 0;} } ff {background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden} loading-css {background-image:url(http://static1.dmcdn.net/images/black-loading.gif); background-color: #000} Android Loader */ android-loader-outer, .android-loader-inner, .android-loader:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; Mask */ android-loader:after { content:" "; margin: 10%;
/* stroke width */ border-radius: 100%; background: none;
/* container background */ Spinning gradients */ android-loader-outer, .android-loader-inner { webkit-animation-duration: 2s; moz-animation-duration: 2s; ms-animation-duration: 2s; o-animation-duration: 2s; animation-duration: 2s; webkit-animation-iteration-count: infinite; moz-animation-iteration-count: infinite; ms-animation-iteration-count: infinite; o-animation-iteration-count: infinite; animation-iteration-count: infinite; webkit-animation-timing-function: linear; moz-animation-timing-function: linear; ms-animation-timing-function: linear; o-animation-timing-function: linear; animation-timing-function: linear; webkit-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); moz-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); ms-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); o-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); android-loader-outer { webkit-animation-name: rotate-outer; moz-animation-name: rotate-outer; ms-animation-name: rotate-outer; o-animation-name: rotate-outer; animation-name: rotate-outer; android-loader-inner { webkit-animation-name: rotate-inner; moz-animation-name: rotate-inner; ms-animation-name: rotate-inner; o-animation-name: rotate-inner; animation-name: rotate-inner; Halfs */ android-loader-outer:before, .android-loader-inner:before, .android-loader-outer:after, .android-loader-inner:after { position: absolute; top: 0; bottom: 0; content:" "; Left half */ android-loader-outer:before, .android-loader-inner:before { left: 0; right: 50%; border-radius: 72px 0 0 72px;
/* diameter */ Right half */ android-loader-outer:after, .android-loader-inner:after { left: 50%; right: 0; border-radius: 0 72px 72px 0;
/* diameter */ Half gradients */ android-loader-outer:before { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); android-loader-outer:after { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); android-loader-inner:before { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); android-loader-inner:after { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); Spinning animations */ keyframes rotate-outer { 0% { webkit-transform: rotate(0deg); moz-transform: rotate(0deg); transform: rotate(0deg); 100% { webkit-transform: rotate(1080deg); moz-transform: rotate(1080deg); transform: rotate(1080deg); webkit-keyframes rotate-outer { 0% { webkit-transform: rotate(0deg); 100% { webkit-transform: rotate(1080deg); keyframes rotate-inner { 0% { webkit-transform: rotate(720deg); moz-transform: rotate(720deg); transform: rotate(720deg); 100% { webkit-transform: rotate(0deg); moz-transform: rotate(0deg); transform: rotate(0deg); webkit-keyframes rotate-inner { 0% { webkit-transform: rotate(720deg); 100% { webkit-transform: rotate(0deg); End Loader related CSS */ startscreen .bar .background background-color: rgba(23,29,27,.25); controls .bar .background, startscreen .bar.hover .background, startscreen .bar:hover .background background-color: rgba(23,29,27,.6); bar .play .inner background-color: #171d1b; bar .play .inner .play-icon color: #f7fffd; bar .play:hover .inner .play-icon color: #ffcc33; player.started #controls .bar .play .inner .icon, player.started #controls .bar .play .inner .icon2 background-color: #f7fffd; player.started #controls .bar .play:hover .inner .icon, player.started #controls .bar .play:hover .inner .icon2 background-color: #ffcc33; startscreen .info div, startscreen .info a color: #f7fffd; startscreen .info a:hover color: #ffcc33; bar .progress-bar .progress background-color: #ffcc33; border-color: #ffcc33} bar .progress-bar .buffer background-color: rgba(247,255,253, 0.3); bar .progress-bar .handle .inner border-color: #f7fffd; border-top-color: #f7fffd; border-left-color: #c5cdcb; border-right-color: #c5cdcb; border-bottom-color: #939b99; background-color: #f7fffd; background: -webkit-gradient(radial, 10 12, 6, 10 12, 12, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2))) #f7fffd; /* old webkit syntax */ background: -webkit-radial-gradient(10px 12px, circle, rgba(0,0,0,0) 6px, rgba(0,0,0,0.2) 12px) #f7fffd; /* standard compliant webkit */ background: -moz-radial-gradient(10px 12px, circle, rgba(0,0,0,0) 6px, rgba(0,0,0,0.2) 12px) #f7fffd; /* standard compliant moz */ background: radial-gradient(10px 12px, circle, rgba(0,0,0,0) 6px, rgba(0,0,0,0.2) 12px) #f7fffd; /* standard */ controls .bar .progress-bar .handle-hole background-color: #ffcc33; controls .bar .progress-bar .indicator .inner background-color: #171d1b; color: #f7fffd; controls .bar .progress-bar .indicator .inner .arrow border-top-color: #171d1b !important; Geo-locked error message override */ error .error-DM007 a color: #ffcc33; bar .duration color: #f7fffd; btn color: #f7fffd; background: rgba(23,29,27, 0.4); btn-selected, no-touch .btn:hover, .no-touch .btn:focus, .no-touch .btn:active color: #ffcc33; background: rgba(23,29,27, 0.7); requestAnimationFrame polyfill see: http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating http://paulirish.com/2011/requestanimationframe-for-smart-animating/ function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame']; window.cancelAnimationFrame = window[vendors[x]+ CancelAnimationFrame'] || window[vendors[x]+ CancelRequestAnimationFrame']; if (!window.requestAnimationFrame) window.requestAnimationFrame = function(callback, element) { var currTime = new Date().getTime(); var timeToCall = Math.max(0, 16 - (currTime - lastTime)); var id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall); lastTime = currTime + timeToCall; return id; if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function(id) { clearTimeout(id); function loaderClosure(global, forcedFallback){ if (forcedFallback == null) forcedFallback = false; var LOADER_ID = 'loader', NB_BARS = 8, ANGLE = 360 / NB_BARS, STEPS = 1000 / NB_BARS, // 1sec animation loader = document.getElementById(LOADER_ID); The loader needs to start as fast as possible we don't want to wait for Modernizr to only check 2 properties var m = (function modernizrLight() var cssomPrefixes = ['Webkit','Moz', 'O', 'ms']; var st = document.createElement('div').style; var ua = navigator.userAgent; function checkProp(property, prefixed) var ucProp
= property.charAt(0).toUpperCase() + property.slice(1), props
= (property + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); for ( var i in props ) var prop = props[i]; if ( st[prop] !== undefined ) return prefixed === true ? prop : true; return false; return { csstransforms: checkProp('transform'), cssanimations: checkProp('animationName'), cssmask: checkProp('mask'), android: ua.indexOf('Android') !== -1, chrome: ua.indexOf('Chrome') !== -1, prefixed: function(prop) return checkProp(prop, true); function getLoader() if (!loader) loader = document.createElement('div'); loader.id = LOADER_ID; loader.className = 'loader'; force fallback via query parameter see : DAILY-30716 if (forcedFallback == true) loader.className = "loading-css ff"; The following should be tested with (m.android && m.cssmask && m.cssanimations && m.csstransforms) but Android stock browser pass the test without handling css masks correctly (false positive) see : DAILY-30299 else if (m.chrome && m.android) loader.className = loader.className + ' android-loader'; var outer = document.createElement('div'); outer.className = 'android-loader-outer'; var inner = document.createElement('div'); inner.className = 'android-loader-inner'; outer = loader.appendChild(outer); inner = loader.appendChild(inner); fallback on iOS style loader else if (m.csstransforms) Disabling CSS animation if not supported android stock browser support animation but doesn't renders correctly for now (Android 4.1.2) var cssanimations = m.cssanimations && !m.android; loader.className = loader.className + ' ios-loader'; var bars = []; for (var i = NB_BARS - 1; i >= 0; i--) var bar = document.createElement('div'), s = bar.style; bar.className = 'ios-loader-bar'; s[m.prefixed('transform')] = 'rotate(-' + (i * ANGLE) + 'deg) translate(0, -142%)'; if (m.cssanimations) s[m.prefixed('animation')] = (cssanimations ? 'fade ' : '') + 1s linear -'+Math.floor(i*1000/NB_BARS)/1000+'s infinite'; console.log('building bar animation :', i, m.prefixed('animation'), s[m.prefixed('animation')]); loader.appendChild(bar); bars.unshift(bar); CSS animations support: nothing to do otherwise run requestAnimationFrame animation if (!cssanimations) var lastStep = 0; loader.start = function() loader.startTime = (window.performance && window.performance.now) ? performance.now() : // FF | Chrome window.mozAnimationStartTime ? window.mozAnimationStartTime :
// old FF Date.now();
// Default return requestAnimationFrame(loader.update); loader.stop = function() cancelAnimationFrame(loader.animationId); delete loader.animationId; loader.update = function(timestamp) var progress = timestamp - loader.startTime; var step = Math.round(progress/STEPS)%NB_BARS; if (step != lastStep) for (var i = 0; i < NB_BARS; i++) bars[i].style.opacity = (1 / ((i + step)%NB_BARS)); lastStep = step; loader.animationId = requestAnimationFrame(loader.update); else loader.className = "loading-css ff"; document.body.appendChild(loader); return loader; global.startLoader = function() loader = getLoader(); if (loader.start && !loader.animationId) loader.start(); loader.style['display'] = 'block'; loader.style['z-index'] = '500'; global.stopLoader = function() if (!loader) return; if (loader.stop && loader.animationId) loader.stop(); loader.style['display'] = 'none'; loader.style['z-index'] = '-1'; window, false); startLoader(); ENV = 'prod';
Via
πείραμα που ακολουθεί, με τους πιθήκους, είναι ένα από μια σειρά πειραμάτων του καθηγητή Μίλγκραμ. Σε ένα κλουβί που έχουμε κλεισμένους 10 πιθήκους, κρεμάμε ένα τσαμπί μπανάνες. Όλοι οι πίθηκοι τρέχουν να πιάσουν το τσαμπί. Ένας από τους πιθήκους, ο πιο γρήγορος, φτάνει πρώτος στο τσαμπί. Εκείνη τη στιγμή, καταβρέχουμε με νερό με πολλή πίεση τους υπόλοιπους, που έχουν μείνει πίσω.
Αυτός που έτρεξε πρώτος και έπιασε το τσαμπί, τρώει τις μπανάνες και το ευχαριστιέται πολύ. Οι υπόλοιποι προσπαθούν να στεγνώσουν και να ξεπεράσουν το σοκ από το κατάβρεγμα.
Μετά από 1-2 ώρες, η κατάσταση της ομάδας των πιθήκων επανέρχεται στο φυσιολογικό. Βέβαια, οι 9 που έφαγαν το κατάβρεγμα (και δεν έφαγαν μπανάνες), κοιτούν με κάποια ζήλια τον έναν που και τις μπανάνες έφαγε και το κατάβρεγμα το γλίτωσε. Επαναλαμβάνουμε την ίδια ενέργεια, δηλαδή κρεμάμε ένα τσαμπί μπανάνες στο κλουβί. Τρέχουν όλοι, αλλά ο ίδιος πίθηκος, ο οποίος όπως είπαμε είναι ο γρηγορότερος καταφέρνει και πάλι να φτάσει πρώτος στο τσαμπί.
Εμείς ξανακαταβρέχουμε με πολλή πίεση τους υπόλοιπους, ενώ ο πρώτος τρώει επιδεικτικά τις μπανάνες που “κέρδισε δίκαια”, αφού ήταν ο γρηγορότερος. Επαναλαμβάνουμε το ίδιο 2-3 φορές.
Κάποια φορά, καθώς ξεκινάει ο γρήγορος να πιάσει το τσαμπί που τοποθετήσαμε εκ νέου, τον πιάνουν οι υπόλοιποι εννιά και τον κάνουν μαύρο στο ξύλο.
Βρίσκεται λοιπόν το τσαμπί στη θέση του για κάποια ώρα, χωρίς να συμβαίνει τίποτα. Κάποια στιγμή, ο γρήγορος ξαναπροσπαθεί να τρέξει προς το τσαμπί, αλλά οι υπόλοιποι τον ξαναπλακώνουν στο ξύλο, γιατί φοβούνται το κατάβρεγμα.
Μετά από μερικά ξυλοφορτώματα, ο γρήγορος “μαθαίνει το μάθημά του” και δεν ξαναπροσπαθεί. Μπορεί να προσπαθήσει και κάποιος άλλος, αλλά το αποτέλεσμα είναι πάντα το ίδιο: ξύλο από τους υπόλοιπους. Εδώ ξεκινάει το ενδιαφέρον της υπόθεσης.
Βγάζουμε από το κλουβί έναν από τους εννιά πιθήκους, αυτούς που καταβρέχαμε, όχι αυτόν που έφτανε πρώτος στο τσαμπί και βάζουμε έναν καινούριο πίθηκο, αντικαταστάτη.
Ο καινούριος πίθηκος, με το που βλέπει το τσαμπί με τις μπανάνες το οποίο φυσικά δεν ακουμπάει πλέον κανένας από τους “έμπειρους” της ομάδας ορμάει να το πιάσει. Οι υπόλοιποι εννιά, συμπεριλαμβανομένου και του παλιού “γρήγορου”, τον βουτάνε και τον κάνουν μαύρο στο ξύλο.
Ο παλιός “γρήγορος” μπορεί και να χαίρεται που τρώει και κάποιος άλλος ξύλο. Ο καινούριος δεν ξέρει γιατί τρώει ξύλο, αφού δεν είχε την εμπειρία του καταβρέγματος.
Μαθαίνει όμως πολύ γρήγορα ότι αν ξεκινήσει να πιάσει το τσαμπί, αυτό συνεπάγεται ξύλο από τους υπόλοιπους. Έτσι, ξαναβρισκόμαστε σε κατάσταση “ισορροπίας” μέσα στο κλουβί, δηλαδή υπάρχει ένα τσαμπί μπανάνες το οποίο δεν πάει να πιάσει κανείς. Ξανά-αλλάζουμε έναν από τους παλιούς 8 πιθήκους (όχι τον παλιό “γρήγορο” και όχι τον νέο ξυλοφορτωμένο) με έναν αντικαταστάτη.
Όπως καταλαβαίνετε, γίνεται η ίδια ιστορία της προηγούμενης παραγράφου, μέχρι να τους αλλάξουμε όλους (τελευταίο βγάζουμε τον παλιό “γρήγορο”, τον πρώτο που έφαγε ξύλο στην αρχή της ιστορίας).
Τι έχουμε λοιπόν; Έχουμε ένα τσαμπί μπανάνες, μέσα σε ένα κλουβί με 10 πιθήκους, από τους οποίους κανείς δεν τρέχει να το πιάσει, και κανείς δεν ξέρει γιατί (δεδομένου ότι κανένας τους δεν ήταν στην αρχική ομάδα που έφαγε το κατάβρεγμα)”.
Μια άλλη εκδοχή του πειράματος
Έχουμε λοιπόν 10 νέους πιθήκους στο κλουβί και ένα τσαμπί μπανάνες άθικτο. Στη “συλλογική” μνήμη των οποίων είναι εγγεγραμμένο ότι το “κοινωνικά πρέπον” είναι να μην ακουμπάμε το τσαμπί γιατί το απαγορεύει ο νόμος. Όποιος προσπαθεί να το πλησιάσει, τις τρώει.
Το αξιοσημείωτο εδώ είναι ότι αυτός που πάει να πιάσει τις μπανάνες εξ ενστίκτου, δεν μπορεί να καταλάβει γιατί τιμωρείται έτσι σκληρά αλλά και οι υπόλοιποι δεν γνωρίζουν γιατί του τις βρέχουν, αφού κανένας τους δεν έχει βιώσει τις δύσκολες μέρες στο κλουβί με τα κυνηγητά και τα καταβρέγματα.
Η ζωή κυλάει ήρεμα στο κλουβί, με τις μπανάνες κρεμασμένες σε μια γωνιά που κανένας πίθηκος δεν τολμάει να τις ακουμπήσει. Οι μπανάνες έχουν γίνει πλέον “ιερές μπανάνες”. Δεν αποτελούν για την ομάδα προϊόν τροφής αλλά ταμπού.
Κάθε ομοιότητα με φυσικά πρόσωπα και καταστάσεις που ζούμε σήμερα, είναι απλά συμπτωματική.
Δείτε εδώ το περίφημο πείραμα του Μίλγκραμ, “Το τέρας μέσα μας” Κοινωνική Μηχανική
το πείραμα των 5 πιθήκων body margin:0; padding:0; height: 100%; width: 100%; background-color: #000; color: #fff; font-family: sans-serif; overflow: hidden; webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* Disable hugly Android highlight */ Loader related CSS*/ both loaders */ loader position: absolute; width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; animations boost : forces hardware acceleration by apply identity 3d transform */ force-transform { moz-transform: translate3d(0,0,0); ms-transform: translate3d(0,0,0); o-transform: translate3d(0,0,0); webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); iOS Loader */ ios-loader .ios-loader-bar width: 10%; height: 26%; background: #fff; position: absolute; left: 44.5%; top: 37%; border-radius: 50px; box-shadow: 0 0 3px rgba(0,0,0,0.2); opacity: 0; webkit-keyframes fade { from {opacity: 1;} to {opacity: 0;} } moz-keyframes
fade { from {opacity: 1;} to {opacity: 0;} } ms-keyframes
fade { from {opacity: 1;} to {opacity: 0;} } o-keyframes
fade { from {opacity: 1;} to {opacity: 0;} } keyframes
fade { from {opacity: 1;} to {opacity: 0;} } ff {background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden} loading-css {background-image:url(http://static1.dmcdn.net/images/black-loading.gif); background-color: #000} Android Loader */ android-loader-outer, .android-loader-inner, .android-loader:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; Mask */ android-loader:after { content:" "; margin: 10%;
/* stroke width */ border-radius: 100%; background: none;
/* container background */ Spinning gradients */ android-loader-outer, .android-loader-inner { webkit-animation-duration: 2s; moz-animation-duration: 2s; ms-animation-duration: 2s; o-animation-duration: 2s; animation-duration: 2s; webkit-animation-iteration-count: infinite; moz-animation-iteration-count: infinite; ms-animation-iteration-count: infinite; o-animation-iteration-count: infinite; animation-iteration-count: infinite; webkit-animation-timing-function: linear; moz-animation-timing-function: linear; ms-animation-timing-function: linear; o-animation-timing-function: linear; animation-timing-function: linear; webkit-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); moz-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); ms-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); o-mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); mask-box-image: url(http://static1.dmcdn.net/images/black-circle.svg); android-loader-outer { webkit-animation-name: rotate-outer; moz-animation-name: rotate-outer; ms-animation-name: rotate-outer; o-animation-name: rotate-outer; animation-name: rotate-outer; android-loader-inner { webkit-animation-name: rotate-inner; moz-animation-name: rotate-inner; ms-animation-name: rotate-inner; o-animation-name: rotate-inner; animation-name: rotate-inner; Halfs */ android-loader-outer:before, .android-loader-inner:before, .android-loader-outer:after, .android-loader-inner:after { position: absolute; top: 0; bottom: 0; content:" "; Left half */ android-loader-outer:before, .android-loader-inner:before { left: 0; right: 50%; border-radius: 72px 0 0 72px;
/* diameter */ Right half */ android-loader-outer:after, .android-loader-inner:after { left: 50%; right: 0; border-radius: 0 72px 72px 0;
/* diameter */ Half gradients */ android-loader-outer:before { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.0), hsla(0, 0%, 100%, 0.5)); android-loader-outer:after { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 1.0), hsla(0, 0%, 100%, 0.5)); android-loader-inner:before { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 100%, 0.5), hsla(0, 0%, 75%, 0.5)); android-loader-inner:after { background-image: -webkit-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -moz-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -ms-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: -o-linear-gradient(top, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); background-image: linear-gradient(to bottom, hsla(0, 0%, 50%, 0.5), hsla(0, 0%, 75%, 0.5)); Spinning animations */ keyframes rotate-outer { 0% { webkit-transform: rotate(0deg); moz-transform: rotate(0deg); transform: rotate(0deg); 100% { webkit-transform: rotate(1080deg); moz-transform: rotate(1080deg); transform: rotate(1080deg); webkit-keyframes rotate-outer { 0% { webkit-transform: rotate(0deg); 100% { webkit-transform: rotate(1080deg); keyframes rotate-inner { 0% { webkit-transform: rotate(720deg); moz-transform: rotate(720deg); transform: rotate(720deg); 100% { webkit-transform: rotate(0deg); moz-transform: rotate(0deg); transform: rotate(0deg); webkit-keyframes rotate-inner { 0% { webkit-transform: rotate(720deg); 100% { webkit-transform: rotate(0deg); End Loader related CSS */ startscreen .bar .background background-color: rgba(23,29,27,.25); controls .bar .background, startscreen .bar.hover .background, startscreen .bar:hover .background background-color: rgba(23,29,27,.6); bar .play .inner background-color: #171d1b; bar .play .inner .play-icon color: #f7fffd; bar .play:hover .inner .play-icon color: #ffcc33; player.started #controls .bar .play .inner .icon, player.started #controls .bar .play .inner .icon2 background-color: #f7fffd; player.started #controls .bar .play:hover .inner .icon, player.started #controls .bar .play:hover .inner .icon2 background-color: #ffcc33; startscreen .info div, startscreen .info a color: #f7fffd; startscreen .info a:hover color: #ffcc33; bar .progress-bar .progress background-color: #ffcc33; border-color: #ffcc33} bar .progress-bar .buffer background-color: rgba(247,255,253, 0.3); bar .progress-bar .handle .inner border-color: #f7fffd; border-top-color: #f7fffd; border-left-color: #c5cdcb; border-right-color: #c5cdcb; border-bottom-color: #939b99; background-color: #f7fffd; background: -webkit-gradient(radial, 10 12, 6, 10 12, 12, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.2))) #f7fffd; /* old webkit syntax */ background: -webkit-radial-gradient(10px 12px, circle, rgba(0,0,0,0) 6px, rgba(0,0,0,0.2) 12px) #f7fffd; /* standard compliant webkit */ background: -moz-radial-gradient(10px 12px, circle, rgba(0,0,0,0) 6px, rgba(0,0,0,0.2) 12px) #f7fffd; /* standard compliant moz */ background: radial-gradient(10px 12px, circle, rgba(0,0,0,0) 6px, rgba(0,0,0,0.2) 12px) #f7fffd; /* standard */ controls .bar .progress-bar .handle-hole background-color: #ffcc33; controls .bar .progress-bar .indicator .inner background-color: #171d1b; color: #f7fffd; controls .bar .progress-bar .indicator .inner .arrow border-top-color: #171d1b !important; Geo-locked error message override */ error .error-DM007 a color: #ffcc33; bar .duration color: #f7fffd; btn color: #f7fffd; background: rgba(23,29,27, 0.4); btn-selected, no-touch .btn:hover, .no-touch .btn:focus, .no-touch .btn:active color: #ffcc33; background: rgba(23,29,27, 0.7); requestAnimationFrame polyfill see: http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating http://paulirish.com/2011/requestanimationframe-for-smart-animating/ function() { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame']; window.cancelAnimationFrame = window[vendors[x]+ CancelAnimationFrame'] || window[vendors[x]+ CancelRequestAnimationFrame']; if (!window.requestAnimationFrame) window.requestAnimationFrame = function(callback, element) { var currTime = new Date().getTime(); var timeToCall = Math.max(0, 16 - (currTime - lastTime)); var id = window.setTimeout(function() { callback(currTime + timeToCall); }, timeToCall); lastTime = currTime + timeToCall; return id; if (!window.cancelAnimationFrame) window.cancelAnimationFrame = function(id) { clearTimeout(id); function loaderClosure(global, forcedFallback){ if (forcedFallback == null) forcedFallback = false; var LOADER_ID = 'loader', NB_BARS = 8, ANGLE = 360 / NB_BARS, STEPS = 1000 / NB_BARS, // 1sec animation loader = document.getElementById(LOADER_ID); The loader needs to start as fast as possible we don't want to wait for Modernizr to only check 2 properties var m = (function modernizrLight() var cssomPrefixes = ['Webkit','Moz', 'O', 'ms']; var st = document.createElement('div').style; var ua = navigator.userAgent; function checkProp(property, prefixed) var ucProp
= property.charAt(0).toUpperCase() + property.slice(1), props
= (property + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' '); for ( var i in props ) var prop = props[i]; if ( st[prop] !== undefined ) return prefixed === true ? prop : true; return false; return { csstransforms: checkProp('transform'), cssanimations: checkProp('animationName'), cssmask: checkProp('mask'), android: ua.indexOf('Android') !== -1, chrome: ua.indexOf('Chrome') !== -1, prefixed: function(prop) return checkProp(prop, true); function getLoader() if (!loader) loader = document.createElement('div'); loader.id = LOADER_ID; loader.className = 'loader'; force fallback via query parameter see : DAILY-30716 if (forcedFallback == true) loader.className = "loading-css ff"; The following should be tested with (m.android && m.cssmask && m.cssanimations && m.csstransforms) but Android stock browser pass the test without handling css masks correctly (false positive) see : DAILY-30299 else if (m.chrome && m.android) loader.className = loader.className + ' android-loader'; var outer = document.createElement('div'); outer.className = 'android-loader-outer'; var inner = document.createElement('div'); inner.className = 'android-loader-inner'; outer = loader.appendChild(outer); inner = loader.appendChild(inner); fallback on iOS style loader else if (m.csstransforms) Disabling CSS animation if not supported android stock browser support animation but doesn't renders correctly for now (Android 4.1.2) var cssanimations = m.cssanimations && !m.android; loader.className = loader.className + ' ios-loader'; var bars = []; for (var i = NB_BARS - 1; i >= 0; i--) var bar = document.createElement('div'), s = bar.style; bar.className = 'ios-loader-bar'; s[m.prefixed('transform')] = 'rotate(-' + (i * ANGLE) + 'deg) translate(0, -142%)'; if (m.cssanimations) s[m.prefixed('animation')] = (cssanimations ? 'fade ' : '') + 1s linear -'+Math.floor(i*1000/NB_BARS)/1000+'s infinite'; console.log('building bar animation :', i, m.prefixed('animation'), s[m.prefixed('animation')]); loader.appendChild(bar); bars.unshift(bar); CSS animations support: nothing to do otherwise run requestAnimationFrame animation if (!cssanimations) var lastStep = 0; loader.start = function() loader.startTime = (window.performance && window.performance.now) ? performance.now() : // FF | Chrome window.mozAnimationStartTime ? window.mozAnimationStartTime :
// old FF Date.now();
// Default return requestAnimationFrame(loader.update); loader.stop = function() cancelAnimationFrame(loader.animationId); delete loader.animationId; loader.update = function(timestamp) var progress = timestamp - loader.startTime; var step = Math.round(progress/STEPS)%NB_BARS; if (step != lastStep) for (var i = 0; i < NB_BARS; i++) bars[i].style.opacity = (1 / ((i + step)%NB_BARS)); lastStep = step; loader.animationId = requestAnimationFrame(loader.update); else loader.className = "loading-css ff"; document.body.appendChild(loader); return loader; global.startLoader = function() loader = getLoader(); if (loader.start && !loader.animationId) loader.start(); loader.style['display'] = 'block'; loader.style['z-index'] = '500'; global.stopLoader = function() if (!loader) return; if (loader.stop && loader.animationId) loader.stop(); loader.style['display'] = 'none'; loader.style['z-index'] = '-1'; window, false); startLoader(); ENV = 'prod';
Via
Labels
FOTO ΑΣΤΕΙΑ ΠΑΡΑΞΕΝΑ ΔΙΑΦΟΡΑ
Post A Comment
Δεν υπάρχουν σχόλια :